无法禁用youtube嵌入播放列表自动播放

时间:2014-12-27 17:37:54

标签: javascript youtube youtube-api

<iframe width="763" height="448" src="http://www.youtube.com/embed/videoseries?list=PLD7SqVUGDdDBw_xmMKTDF5MlBwys_KlUk&showinfo=0&rel=0&autoplay=0" frameborder="0" allowfullscreen style="margin-top:5px; margin-left:5px;"></iframe>

当我尝试嵌入一个视频时,它可以工作,但是当我在“嵌入播放列表代码”中禁用自动播放时,它不起作用。

在第一个视频中,它不会自动播放,但是当视频结束时,它会播放下一个视频,我希望它在每个视频后停止播放。

任何想法?

1 个答案:

答案 0 :(得分:0)

我找到了这种情况的解决方案,这里是我正在搜索的代码,也许它对你有帮助。

<div id=player></div>
<script type="text/javascript">
      var tag = document.createElement('script');

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

      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '448',
          width: '763',
          playerVars: {
              'showinfo': 0,
              'controls': 0,
        listType: 'playlist',
        list: 'PLD7SqVUGDdDBw_xmMKTDF5MlBwys_KlUk'
            },
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
      }

      function onPlayerReady(event) {
        // event.target.playVideo();
      }
      function play_this_video(){
 player.playVideo();
}


      function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.ENDED) {
          player.stopVideo();
        }
      }
    </script>