YouTube IFRAME播放器：设置下一个视频？

如何在当前视频结束后自动设置视频ID？YouTube IFRAME播放器：设置下一个视频？

player.loadVideoById()和player.cueVideoById立即切换到有问题的视频。

2016-10-02 D.R.

您可以使用以下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。希望这会帮助你，你也在寻找同样的东西。另外，如果您有任何问题，请告诉我。

谢谢..！

来源

2016-10-03 08:52:40

谢谢，这正是我所实现的，因为我没有在YT-API本身中找到任何东西。很好的答案！ –

@ D.R。你最欢迎.. –

YouTube IFRAME播放器：设置下一个视频？

回答

相关问题