Question

当用户点击观看指定的视频时，我创建了带有div标签的弹出窗口：

<div class="popup" >

                <h2 class="popup_header center">Tutorial - 2</h2>
                    <p class="popup_sub_header center"> Tutorial Label  </p>

                        <div class="popup_video_container">
                            <div class="video_frame pop_mode" id="popUpVideoWindow">

                                <iframe width="640" height="320"  src="https://www.youtube.com/embed/link" frameborder="0" allowfullscreen="" hspace="0" vspace="0"></iframe>

                            </div>
                            <div class="tutorial_description">

                            </div>
                        </div>
                    <a class="close" href="#close"></a>
            </div>

现在，当我关闭此窗口时，视频不会停止，继续缓冲并播放其他内容。我已经解决了其他问题，并找到了afterClose，on('hidden')方法来处理class和id这样的方法：

$('.popUpVideoWindow').on('hidden',function(){

    $iframe = $(this)find("iframe");
    $iframe.attr("src", $iframe.attr("src"));

    console.log("Link set:" , $iframe.attr("src"));

});

和

$("#video_frame").bind('afterClose', function(){{

    $iframe = $(this)find("iframe");
    $iframe.attr("src", $iframe.attr("src"));

    console.log("Link set:" , $iframe.attr("src"));

});

但它不会帮助我我想要的东西。当我关闭弹出窗口时，我想停止播放视频。

Answer 1

Instant

使用此JSFiddle

检查此示例

进行必要的更改。请检查..regds

我怎么能阻止Youtube运行视频弹出窗口我有弹出窗口？

1 个答案: