Youtubedaki herhangibir videonun belli kısmını sitenizde göstermek

Youtubdaki bir videonun sadece belli bir kısmını mı göstermek istiyorsunuz? o halde youtube api yardımıyla bu ilemi kolayca çözümleyebilirsiniz.

bu sayfa yüklendiğinde hemen aşağıda 373 sn lik antalya expo videsunun 50-65 sn aralığını görüntülediniz.

size gerekli olan sadece paylaşmak istediğiniz videonun youtube id sidir. videonun idsini nasıl öğreneceğinizi bilmiyorsanız bu makalemizi inceleyebilirsiniz.Youtube Id nasıl öğrenirim

bu makalemiizde kullanılan api :"https://www.youtube.com/iframe_api"

ve cueVideoById methodu kullandım .

bununla ilgili detayllı bilgiyi google developersdan öğrenebilirsiniz.

benim kullandığım kod aşağıdaki gibidir.

<!DOCTYPE html>
<html>
  <body>
    <!-- 1.  <iframe> (ve video player)le yer değiştirecek  -->
    <div id="player"></div>

    <script>
      // 2. player apinin yüklenmesi için yazıldı 
      var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      // 3. bu adım playeri hazırlar 
      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '600',
          width: '800',
		  playerVars: { 'autoplay': 1, 'controls': 0 },  
          events: {
            'onReady': onPlayerReady,
            
          }
        });	
		
      }

      // 4. player hazır olduğu zaman bu fonksiyon çalışacak 
      function onPlayerReady(event) {
        //event.target.playVideo();
		
		player.cueVideoById({'videoId': '6MEC4T6gNLc', //videonun kodu 
               'startSeconds': 50,//başlangıç saniyesi
               'endSeconds': 65, //bitiş saniyesi 
               'suggestedQuality': 'large'}); 
		player.playVideo();
      }

     
     
    </script>
  </body>
</html>

..:Happy Coding..:

Makale Tarihi: 01.06.2016 Gücellenme Tarihi: 22.02.2018

Yorum Yaz

Yorumlarınız denetimden geçtikten sonra yayınlanmaktadır...