嵌入iframe - Youtube视频不循环
Embed iframe - Youtube video not looping
在我的一个页面中,我遇到了这种情况:
<script>
/* 2. This code loads the IFrame Player API code asynchronously.
*/
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
/* 3. This function creates an <iframe> (and YouTube player) after the API code downloads.
*/
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
videoId: 'xbiEN3jGi00',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
},
playerVars: {
'autoplay': 1,
'loop': 1,
'controls': 0,
'rel' : 0,
'showinfo': 0,
}
});
}
/* 4. The API will call this function when the video player is ready.*/
function onPlayerReady(event) {
event.target.playVideo();
player.mute();
}
/* 5. The API calls this function when the player's state changes.
The function indicates that when playing a video (state=1),
The player should play for six seconds and then stop.
*/
var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING ) {
player.playVideo();
}
}
</script>
<div class="video-background-container parallax embed-responsive embed-responsive-16by9" data-stellar-ratio="0.4">
<div id="player" class="embed-responsive-item"></div>
</div>
"player"div是youtube嵌入视频api javascript的目标。 我的问题是选项"循环"对我的不起作用 视频。
我的错误在哪里?我应该设置什么选项?
提前感谢所有帮助
使用这个:
function onPlayerStateChange(event) {
if (event.data != YT.PlayerState.PLAYING ) {
player.playVideo();
}
}
使用!=
(不等于)代替==
(等于)
相关文章:
- jQuery:在for循环中运行youtube视频,播放最后一个视频
- 随机页面加载后循环播放其余视频
- Vide.js循环播放多个视频
- 使用jquery循环播放视频
- 循环浏览视频并在每个视频后刷新
- 整页.js - 在背景视频循环播放时向右移动幻灯片
- 无法让 HTML5 视频循环回第一帧
- 在视频期间暂停 javascript 循环
- 防止视频阵列循环播放
- j查询视频不循环播放
- 回退到 Flash 时,使用 VideoJS 库循环播放视频
- 尝试循环播放 HTML5 视频数组
- YouTube,在PlayerReady上,使用for循环获取数组中与单击箭头位置匹配的视频ID并播放
- 如何检查视频何时循环html5
- 循环Mediaelement.js视频仅5次
- 循环通过HTML 5<视频>
- 如何使用jquery添加循环多个HTML5视频
- 在我的网站上循环播放录制的视频
- HTML5循环4视频后结束之前的视频在phoneGap android应用程序不工作
- Videojs:播放循环视频而不重新加载