Yazeka
Arama sonuçlarına göre oluşturuldu
Bootstrap ile YouTube videolarını kullanmak için aşağıdaki yöntemler kullanılabilir:
- Video Gömme: YouTube videolarını Bootstrap içinde gömmek için
embed-responsive
sınıfı kullanılır 13. Bu sınıf, videoyu doğru oranlarla ve ebeveyn konteynerin genişliğine göre ölçeklendirir 1.
<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/videoID" allowfullscreen></iframe> </div>
- YouTube Popup Player: Bootstrap YouTube Popup Player eklentisi, YouTube videolarını popup penceresinde görüntülemek için kullanılabilir 2. Bu eklenti, YouTube ID'sini içeren HTML elementlerine uygulanır ve
YouTubeModal
fonksiyonu ile başlatılır 2.
$(function () { $(".youtube").YouTubeModal({autoplay:0, width:640, height:480}); });
5 kaynaktan alınan bilgiyle göre: