Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Yazılım Geliştirme
  • PHP / CGI
  • Bu Konuda
Şimdi Ara

YouTube Player API Kod Sorunu Yardım..!

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
3
Cevap
0
Favori
468
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
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.
    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz. DH’ye girerek kullanım izni vermiş sayılırsınız.
Anladım Veri Politikamız