Şimdi Ara

YouTube Player API Kod Sorunu Yardım..!

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
3
Cevap
0
Favori
478
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • 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?







  • 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>




  • olayı çözdüm gerek kalmadı.. yinede teşekkürler.
  • Yapay Zeka’dan İlgili Konular
    WHATSAPP WEB VİDEO SORUNU
    6 yıl önce açıldı
    Daha Fazla Göster
    
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.