Youtube api iframe上循环=1的行为不一致

Youtube api iframe上循环=1的行为不一致,youtube-api,Youtube Api,我有一个非常令人沮丧的经验,试图让视频循环一致使用一个基本的iframe。我没有通过代码与API交互。我只是有一个iframe,其中autoplay=1,mute=1,loop=1。我尝试过使用独立视频和播放列表(使用list=[ID],listType=playlist),但我一直遇到同样的问题。有时播放器会循环播放视频,有时则不会。每次我想我已经弄明白了,准备部署应用程序时,我都会再次测试它,视频无法循环 视窗10 铬71.0.3578.98 Angular 6.0.3您可以选择以下任一选项

我有一个非常令人沮丧的经验,试图让视频循环一致使用一个基本的iframe。我没有通过代码与API交互。我只是有一个iframe,其中
autoplay=1,mute=1,loop=1
。我尝试过使用独立视频和播放列表(使用
list=
[ID]
,listType=playlist
),但我一直遇到同样的问题。有时播放器会循环播放视频,有时则不会。每次我想我已经弄明白了,准备部署应用程序时,我都会再次测试它,视频无法循环

视窗10

铬71.0.3578.98


Angular 6.0.3

您可以选择以下任一选项:

  • 其中我描述了如何设置URL以创建播放列表(使用单个
    videoId
    )并模拟循环

  • 使用YouTube iframe Player API设置视频,并(视频结束后)调用函数play the current video=从而创建循环

这是代码:-不幸的是,您无法看到它在这里工作,但是,您可以看到1

var tag=document.createElement('script');
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(标记,firstScriptTag);
//div的变量(YouTube iframe将在其中加载):
var播放器;
函数onyoutubeiframeapiredy(){
//Div播放器:
player=新的YT.player('player'{
高度:'360',
宽度:“640”,
videoId:'xPCZEoGJi_4',
playerVars:{
“自动播放”:1,
“循环”:1,
“静音”:1
},
活动:{
“onReady”:onPlayerReady,
“onStateChange”:onPlayerStateChange
}
});
}
// 5. 当播放器的状态改变时,API调用此函数。
函数onPlayerStateChange(事件){
//视频结束后,将再次播放。
//见:https://developers.google.com/youtube/iframe_api_reference?hl=en#Events
如果(event.data==YT.PlayerState.end){
player.playVideo();
}
}
//Div“player”-当视频播放器准备就绪时,API将调用此函数。
函数onPlayerReady(事件){
event.target.playVideo();
}