嵌入 Youtube 视频的 Iframe 在警报出现后停止

Question

我遇到了一个问题，即我的嵌入 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 女巫下方的按钮会弹出警报。如果我这样做，视频会停止并第二次加载。

我怎么能喜欢这个问题？

Answer 1

试试这个演示

但它适用于嵌入式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>