2013-03-11 192 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> 
相關問題