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 浏览器中读取不同的内容。

4

1 回答 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>
于 2013-03-12T20:04:59.640 回答