【问题标题】:Iframe with embed Youtube Video stops after alert shows up?出现警报后,带有嵌入 Youtube 视频的 iframe 会停止吗?
【发布时间】:2017-03-17 08:06:10
【问题描述】:

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

我该如何解决这个问题?

【问题讨论】:

    标签: javascript html iframe youtube ionic2


    【解决方案1】:

    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>
    

    【讨论】:

    • 嗯,这是目前最好的解决方案。谢谢
    • 很高兴为您提供帮助。
    猜你喜欢
    • 2012-05-08
    • 1970-01-01
    • 2013-02-16
    • 2021-02-04
    • 1970-01-01
    • 1970-01-01
    • 2013-09-14
    • 2017-05-14
    • 1970-01-01
    相关资源
    最近更新 更多