Popup ile gelen Youtube video iframe popupdan çıkınca nasıl durdurulur.
Codepen üzerinden böyle bir demo oluşturdum. (Demoyu inceleyiniz lütfen...) Popup oluyor falan filan tamam da, Popupdan çıkınca videonun otomatik durmasını istiiyorum. Onu nasıl yapabilirim? Hazır kodu vs. varsa atar mısıın böle bir Youtube iframe' nin? ul li taglarının içinde olacak.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
Merhaba, daha önce bu sorunla ilgili ben - çok efektif bir çözüm olmasa da - modal açıldığında videoyu js ile ekleyip kapandığında ise videoyu kaldıran bir sistem eklemiştim.
Belki senin işine yarar. Fikir vermesi adına benzer bir kodu aşağıda paylaşıyorum.
function embedVideo(videoId){
$('#video').remove();
var youtubeLink = "https://www.youtube.com/embed/"+videoId;
$('div.modal-body').append('<iframe id="video" width="100%" height="600px" src="' + youtubeLink + '" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>');
$('#myModal').modal('show');
//Bootstrap modal kapanma eventi
$('#myModal').on('hidden.bs.modal', function () {
$('#video').remove();
});
}
Ayrıca kapatma tuşu veya çarpı tuşu gibi tuşlara tıklandığında da iframe'i kaldıracak bir js yazarsan sorunu çözersin gibi.