2013-03-11 191 views
0

我在我的网站上嵌入了Youtube播放列表。Youtube播放器Iframe API跳过播放列表中的视频

一旦视频播放完毕,播放器不播放下一个视频,而是跳过并播放下一个视频。它可以做任何视频。为什么是这样以及如何让它一个接一个地播放所有视频?

这里是我的网站与嵌入播放列表: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浏览器不同的事情。

回答

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> 
相关问题