folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Youtube Iframe Autoplay Sorunu & Çözüm



Youtube Iframe Autoplay Sorunu & Çözüm

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nposeLx
    nposeLx's avatar
    Kayıt Tarihi: 14/Ağustos/2017
    Erkek

    Merhabalar,

    SAP Fioride geliştirdiğimiz bir alan için lazım oldu.

    Youtube üzerinden aldığım iframelerde "ne denediysem olmadı", bir türlü autoplay yapamadık. Gugıl kaynaklarında da çalışan bir kod bulamadım diyordum ki uzun uzun baktıktan sonra bulabildim. Bileniniz var ise hoş görün, yok ise hazırda bulabilmeniz için paylaşmak istedim ;

    <p><iframe src="https://www.youtube.com/embed/wQPtkbAiRrU?si=WvFsPtrM2Nkqm57C?rel=0&amp;modestbranding=1&amp;autohide=1&amp;mute=1&amp;showinfo=0&amp;controls=0&amp;autoplay=1" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>


    Araştırırken çoğu kullanıcının mobil tarafta sorun yaşadığını gördüm. Mobil üzerinde çalışıp çalışmadığını bilmiyorum. Ancak web üzerinde şu an çok iyi çalışıyor

    nposeLx tarafından 07/Eyl/23 12:52 tarihinde düzenlenmiştir
    Reply With Quote Alıntı yap
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    adanakebap
    Khaine
    Khaine's avatar
    Kayıt Tarihi: 16/Temmuz/2005
    Erkek

    url'de neden iki tane '?' var ?

    Reply With Quote Alıntı yap
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nposeLx
    nposeLx's avatar
    Kayıt Tarihi: 14/Ağustos/2017
    Erkek
    Khaine bunu yazdı

    url'de neden iki tane '?' var ?

    ilki embed kod alınca oluşturuluyor, youtube veriyor. ikincisi ise parametleri girebilmem için var

    wQPtkbAiRrU?si=WvFsPtrM2Nkqm57C?rel=

    Reply With Quote Alıntı yap
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    adanakebap
    Khaine
    Khaine's avatar
    Kayıt Tarihi: 16/Temmuz/2005
    Erkek

    İkinci soru işareti parametre için değil, değer için kullanılır, şu an senin url'indeki sorgular;

    1. si: "WvFsPtrM2Nkqm57C?rel=0"
    2. amp;autohide: "1"
    3. amp;autoplay: "1"
    4. amp;controls: "0"
    5. amp;modestbranding: "1"
    6. amp;mute: "1"
    7. amp;showinfo: "0"

    şeklinde görünüyor. şu şekilde console'dan deneyebilirsin;

    const urlParams = new URLSearchParams(window.location.search);
     
    let paramObj = {};
    for(var value of urlParams.keys()) {
         paramObj[value] = urlParams.get(value);
     }
     
    console.log(paramObj);
     
     
    Reply With Quote Alıntı yap
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nposeLx
    nposeLx's avatar
    Kayıt Tarihi: 14/Ağustos/2017
    Erkek
    Khaine bunu yazdı

    İkinci soru işareti parametre için değil, değer için kullanılır, şu an senin url'indeki sorgular;

    1. si: "WvFsPtrM2Nkqm57C?rel=0"
    2. amp;autohide: "1"
    3. amp;autoplay: "1"
    4. amp;controls: "0"
    5. amp;modestbranding: "1"
    6. amp;mute: "1"
    7. amp;showinfo: "0"

    şeklinde görünüyor. şu şekilde console'dan deneyebilirsin;

    const urlParams = new URLSearchParams(window.location.search);
     
    let paramObj = {};
    for(var value of urlParams.keys()) {
         paramObj[value] = urlParams.get(value);
     }
     
    console.log(paramObj);
     
     

    Çok teşekkür ederim hocam bilgilendirmeniz için. Yukarıdaki paylaştığım şekilde çalışıyor, ancak aynı tipte "loop=1" eklediğimde bir etki olmuyor. Bunu nasıl sağlarım, bir fikriniz var mı? Js ile bir etkileşim yaparız diye düşündüm ama ek bir efor çıkarmadan çözebileceğimiz bi durum mu ona bakıyorum.

    Reply With Quote Alıntı yap
Toplam Hit: 778 Toplam Mesaj: 5
youtube youtube iframe autoplay