2016-10-02 2 views

ответ

0

Вы можете использовать ниже code для достижения того же -

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

var player; 
     function onYouTubeIframeAPIReady() {      
     player = new YT.Player('player', { 
      height: '390', 
      width: '640', 
      videoId : 'YtF6p_w-cSc',     
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      }  
     }); 
     }   
     function onPlayerReady(event) {           
     event.target.playVideo(); 
     }  
     function onPlayerStateChange(event) { 
     if (event.data == YT.PlayerState.ENDED) { 
      player.loadVideoById ('4MJRS-cLozU'); 
     }  
     } 

</script> 
<body> 
    <div id="player"></div> 
</body> 
</html> 

Вот Jsfiddle

В соответствии с выше код youtube будет автоматически воспроизводить first video т.е. YtF6p_w-cSc и когда текущее видео заканчивается он будет автоматически играть next video т.е. 4MJRS-cLozU. Надеюсь, это поможет вам, и вы ищете то же самое. Также, пожалуйста, дайте мне знать, если у вас есть какие-либо вопросы.

Спасибо ..!

+1

Спасибо, это именно то, что я реализовал, потому что я ничего не нашел в самом YT-API. Отличный ответ! –

+0

@ D.R. Вы больше всего приветствуетесь. –

Смежные вопросы