Arama butonu
Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı
2
Cevap
512
Tıklama
0
Öne Çıkarma
YouTube Player API Kod Sorunu Yardım..!
D
9 yıl
Teğmen
Konu Sahibi

YouTube Player API

Arkadaşlar selam,

Youtube yeni bir döneme geçiş yaptığından dolayı videoların diğer siteler üzerinden izlenebilmesi için yeni kodlar yayımladı bende bunu kendi siteme uyarlamak istedim fakat bir yerde takıldım kaldım bana yardım edebilecek arkadaş varsa şimdiden teşekkürlerimi borç bilirim.

Takıldığım konu şu;

      // 3. This function creates an <iframe> (and YouTube player) 
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}


videoId: yazan yerin karşısında "M7lc1UVf-VE" yazıyor bu youtube üzerinde bir videonun kısaltılmış kodudur, bu kodu oraya yazdığımızda benim sitede bütün youtube videolarının hepsi o koda ait olan videoyu oynatıyor. Olması gereken şey videoId: yazan yerin karşısına başka birşey olmalıki her video ayrı izlenebilmeli. Bilmeme anlatabildin mi?

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil



D
9 yıl
Yüzbaşı

videoların izlenebilmesi için bunları uygulamana gerek yok, dökümantasyon iframe ile embed ettiğin playerın kontrollünü sağlaman için eventler içeriyor. Bu şekilde embeb edersen kendin bir buton ile videoyu başlatma, durdurma, ses kısmı v.b. gibi işlemleri gerçekleştirebilirsin.

yinede istediğin kod:

<!DOCTYPE html> 
<html>
<body>
<div class="youtube" data-video="HfI10J3TvzI"></div>
<div class="youtube" data-video="EcKxnwTSHXw"></div>
<div class="youtube" data-video="1N0ks7r5AEI"></div>

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="https://www.youtube.com/iframe_api"></script>
<script>
function onYouTubePlayerAPIReady() {
var players = $('.youtube');
for (var i = 0; i < players.length; i++) {
new YT.Player(players[i], {
videoId: $(players[i]).attr('data-video')
});
}
}
</script>
</body>
</html>



D
9 yıl
Teğmen
Konu Sahibi

olayı çözdüm gerek kalmadı.. yinede teşekkürler.



DH Mobil uygulaması ile devam edin. Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin. Gizle ve güncelleme çıkana kadar tekrar gösterme.