Question

当我点击div时，我想停止播放YouTube视频。我不知道如何做到这一点，我在网上使用信息时无法使用它。这就是我所做的！

我已关联youtube iframe API：

<script src="https://www.youtube.com/iframe_api"></script>

然后我的html文件中有一个iframe：

<iframe id="vid" src="https://www.youtube.com/embed/P2lm356ycwY?enablejsapi=1" frameborder="0" allowfullscreen></iframe>

然后在我的脚本中我有这段代码：

$("#popupvid").click(function(){
    $("#popupvid").css("display","none");
    $("#vid").css("display","none");

    //Code to make the youtube video stop here:

});

我需要写什么才能让视频停在这里！提前谢谢！

Answer 1

$(document).ready(function () {
    $("iframe").mouseover(function() {
        $("iframe").each(function () {
            $(this)[0].contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', '*');
        });
    });
});

这将停止所有视频，将鼠标移到事件上进行点击，将第一个iframe更改为div的ID

Answer 2

请尝试使用此jquery。

<script>
$(document).ready(function () {
$(function(){
    $('#popupvid').click(function(){      
        $('iframe').attr('src', $('iframe').attr('src'));
    });
});
});
</script>

停止iframe youtube视频

2 个答案: