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

时间:2017-03-17 08:06:11

标签: javascript html iframe youtube ionic2

我遇到的问题是我的嵌入式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女巫下方的按钮会弹出警报。如果我这样做,视频会停止并再次加载。

我怎么能解决这个问题?

1 个答案:

答案 0 :(得分:0)

TRY THIS DEMO

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