Link ile popup düzgün çalışmıyor.
Daha öncede bununla alakalı bir konu açmıştım ama eskide kaldı. Kodlarımın kaynağı.
<li class="social-icons2 mr-auto mr-lg-0"><a href="nojavascript...void(0)" id="videoclick" data-toggle="modal" data-src="https://www.youtube.com/embed/z9bUs0TYRK0" data-target="#myModal"><i name="youtube" class="fab fa-youtube" style="color: red ; font-size: 24px"></i></a></li>
Bu şekilde popup linki oluşturdum.
<div class="modal fade" id=myModal tabindex=-1 role=dialog aria-labelledby=exampleModalLabel aria-hidden=true>
<div class=modal-dialog role=document>
<div class=modal-content>
<div class=modal-body>
<button type=button class=closebtn data-dismiss=modal aria-label=Close>
<span id="vclose" aria-hidden=true>×</span>
</button>
<div class="embed-responsive embed-responsive-16by9">
<iframe class=embed-responsive-item src="" id=video allowscriptaccess=always allow=autoplay></iframe>
</div>
</div>
</div>
</div>
</div>
Bu pop up gösterdiğim yer.
$(document).ready(function () {
var o;
$("#videoclick").click(function () {
o = $(this).data("src");
}),
console.log(o),
$("#myModal").on("shown.bs.modal", function (n) {
$("#video").attr("src", o + "?autoplay=1&modestbranding=1&showinfo=0");
}),
$("#myModal").on("hide.bs.modal", function (n) {
$("#video").attr("src", o);
});
$("#vclick").click(function(){
o = 0;
})
});
Scriptim ise bu. (Sondaki o=0 kısmını bekledim.) Yapmaya çalıştığım ve istediğim şey: popup açınca alınana linkin popup kapatıldığında sıfırlanması, ve diğer popup linkine tıklanıldığında onun linkinin alınması. Sondaki kodu yazsam da yazmasam da ilk açtığım popup daki video açılıyor sadece.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (0)
Henüz kimse cevap yazmadı. İlk cevap yazan sen ol!