YouTube IFRAME播放器：設置下一個視頻？

如何在當前視頻結束後自動設置視頻ID？YouTube IFRAME播放器：設置下一個視頻？

player.loadVideoById()和player.cueVideoById立即切換到有問題的視頻。

2016-10-02 D.R.

您可以使用以下code來實現相同的 -

<html> 
<script> 
var tag = document.createElement('script'); 
tag.src = "https://www.youtube.com/iframe_api"; 
var ScriptTag = document.getElementsByTagName('script')[0]; 
ScriptTag.parentNode.insertBefore(tag, ScriptTag); 

var player; 
     function onYouTubeIframeAPIReady() {      
     player = new YT.Player('player', { 
      height: '390', 
      width: '640', 
      videoId : 'YtF6p_w-cSc',     
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      }  
     }); 
     }   
     function onPlayerReady(event) {           
     event.target.playVideo(); 
     }  
     function onPlayerStateChange(event) { 
     if (event.data == YT.PlayerState.ENDED) { 
      player.loadVideoById ('4MJRS-cLozU'); 
     }  
     } 

</script> 
<body> 
    <div id="player"></div> 
</body> 
</html>

這裏的Jsfiddle

按照上面的代碼youtube會自動播放first video即YtF6p_w-cSc並且在當前視頻結束它會自動播放next video即4MJRS-cLozU。希望這會幫助你，你也在尋找同樣的東西。另外，如果您有任何問題，請告訴我。

謝謝..！

來源

2016-10-03 08:52:40

謝謝，這正是我所實現的，因爲我沒有在YT-API本身中找到任何東西。很好的答案！ –

@ D.R。你最歡迎.. –

YouTube IFRAME播放器：設置下一個視頻？

回答

相關問題