YouTube IFRAME播放器:设置下一个视频?
如何设置当前视频结束后自动跟随的视频IDYouTube IFRAME播放器:设置下一个视频?,youtube,youtube-iframe-api,Youtube,Youtube Iframe Api,如何设置当前视频结束后自动跟随的视频ID player.loadVideoById()和player.cueVideoById立即切换到有问题的视频。您可以使用下面的code实现同样的效果- <html> <script> var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var ScriptTag = document.getElemen
player.loadVideoById()
和player.cueVideoById
立即切换到有问题的视频。您可以使用下面的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>
var tag=document.createElement('script');
tag.src=”https://www.youtube.com/iframe_api";
var ScriptTag=document.getElementsByTagName('script')[0];
ScriptTag.parentNode.insertBefore(标记,ScriptTag);
var播放器;
函数onyoutubeiframeapiredy(){
player=新的YT.player('player'{
高度:“390”,
宽度:“640”,
videoId:“YtF6p_w-cSc”,
活动:{
“onReady”:onPlayerReady,
“onStateChange”:onPlayerStateChange
}
});
}
函数onPlayerReady(事件){
event.target.playVideo();
}
函数onPlayerStateChange(事件){
如果(event.data==YT.PlayerState.end){
player.loadVideoById('4MJRS-cLozU');
}
}
这是
根据上述代码,youtube将自动播放第一个视频,即YtF6p_w-cSc
,当当前视频结束时,它将自动播放下一个视频,即4MJRS cLozU
。希望这将有助于你和你正在寻找相同的。还有,如果你有任何问题,请告诉我
谢谢 谢谢,这正是我实现的,因为我在YT-API本身中没有发现任何东西。回答得好@PPB如何在下一个视频中自动启动。不是静态的。如果你能在这里看到我的例子@我不明白你的问题,你能再解释一下吗?在示例视频中,一旦视频结束,它就会停止。@PPB我已经发送了我的网站URL。这是来自youtube的链接。当视频播放结束时,它会加载所有相关的youtube视频。当你点击它们时,它会把你带出网站转到youtube网站。我们能让视频在结束前1秒停止并自动移动到下一个视频吗video@PPB. 仍然不起作用。您可以通过HTML元素进行设置