Bu yazıda, YouTube iframe yerleştirme kodunu kullanarak gömülü bir YouTube video oynatıcıyla çalışacağız. Iframe’in altında, her video için başlık içeren dikey bir oynatma listesi ekleyeceğiz. Oynatma listesi sağ altta bulunan buton aracılığı ile açılıp kapanabiliyor.
YouTube‘un embed gömme kodunu kullandığımız için tüm cihazlarda çalışır ve flash/HTML5 oynatıcıyı otomatik olarak çalıştırır. Yüzde genişlikleri ve bazı temel medya sorgularını kullanarak yanıt vermesini sağlayacağız.
Demo içerisindeki sizin için en önemli kısım :
rel="{vidId:'JdJm9Ak8trI',volume:10, paused: 0, end:0}
satırında; listeye ekleyeceğiniz videonun ID bilgisini, ses yüksekliğini, otomatik oynatma seçeneğini ve videonun bitiş süresini girebilirsiniz.