首页 文章

Youtube播放器Iframe API在播放列表中跳过视频

提问于
浏览
0

我在我的网站上嵌入了一个Youtube播放列表 .

一旦视频播放完毕,播放器就不播放下一个视频,但会跳过它并播放下一个视频 . 它完成任何视频 . 为什么这样以及如何让它一个接一个地播放所有视频?

这是我的嵌入播放列表的网站:http://www.centpourcentmonnaie.fr

这是我的代码:

<div class="video">
<p>
<span id="gauche" onclick="player.previousVideo()">Chapitre pr&eacute;c&eacute;dent</span>
<span id="droite" onclick="player.nextVideo()">Chapitre suivant</span>
</p>

<div id="player"></div>

<script>
  var tag = document.createElement('script');

  tag.src = "//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: '720',
      width: '1280',
      videoId: '3BuJ4RWy49k',
      events: {
        'onReady': onPlayerReady,
      }
    });
  }

    function onPlayerReady(event) { 
        event.target.cuePlaylist({list: "PLE_-2rZv8j2ro-QgxzK9nvi9O61dgE-Hx",suggestedQuality: "hd720"});
    }
</script>
<br>
</p>
</div>
</div>

控制台可以在不同的Web浏览器中读取不同的内容 .

1 回答

  • 2

    我使用playerVars而不是cuePlaylist解决了我的代码问题:

    <script>
      var tag = document.createElement('script');
    
      tag.src = "//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: '720',
          width: '1280',
          videoId: '3BuJ4RWy49k',
          playerVars: { 'autoplay': 1, 'list':'PLE_-2rZv8j2ro-QgxzK9nvi9O61dgE-Hx'},
    
        });
      }
    
    
    </script>
    

相关问题