我遇到的问题是我的嵌入式Youtube视频在弹出式提醒或离子选择被调用后停止播放。
这是html:
<iframe src='http://www.youtube.com/embed/aasdfsdf?showinfo=0&iv_load_policy=3&modestbranding=1&playsinline=1' frameborder="0" width="300" height="150" allowfullscreen no-padding webkit-playsinline playsinline></iframe>
我真的无法显示更多代码,因为还有更多。只有iframe女巫下方的按钮会弹出警报。如果我这样做,视频会停止并再次加载。
我怎么能解决这个问题?
答案 0 :(得分:0)
但适用于嵌入YouTube视频
<div id="player"></div>
<script src="http://www.youtube.com/player_api"></script>
<script>
// create youtube player
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: '0Bmhjf0rKe8',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// autoplay video
function onPlayerReady(event) {
event.target.playVideo();
}
// when video ends
function onPlayerStateChange(event) {
if(event.data === 0) {
alert('completed');
}
}
</script>