javascript - 停止 iframe youtube 视频

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

请尝试这个jquery。

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