Question

我已在我的网站上嵌入了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浏览器中读取不同的内容。

Answer 1

我使用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>

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

1 个答案: