【发布时间】:2017-02-10 14:25:43
【问题描述】:
如何设置当前视频结束后自动跟随的视频ID?
player.loadVideoById() 和 player.cueVideoById 立即切换到有问题的视频。
【问题讨论】:
标签: youtube youtube-iframe-api
如何设置当前视频结束后自动跟随的视频ID?
player.loadVideoById() 和 player.cueVideoById 立即切换到有问题的视频。
【问题讨论】:
标签: youtube youtube-iframe-api
您可以使用下面的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。希望这会对您有所帮助,并且您正在寻找相同的东西。另外,如果您有任何问题,请告诉我。
谢谢..!
【讨论】: