YouTube IFRAME播放器:设置下一个视频?

时间:2016-10-02 14:40:42

标签: youtube youtube-iframe-api

如何设置当前视频结束后应自动关注的视频ID?

player.loadVideoById()player.cueVideoById会立即切换到相关视频。

1 个答案:

答案 0 :(得分: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。希望这对你有帮助,你也在寻找同样的东西。另外,如果您有任何问题,请告诉我。

谢谢..!