Javascript 停止iframe youtube视频

当我点击一个div时，我想停止播放youtube视频。我不知道怎么做，而且在使用在线信息时，我也无法让它正常工作。 这就是我所做的

我已经链接了youtube iframe API：

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

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

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

---

这将停止所有视频，将鼠标悬停事件更改为单击，并将第一个iframe更改为div的id，请尝试此jquery

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

$（文档）.ready（函数（）{
$（函数（）{
$（'popupvid'）。单击（函数（）{
$（'iframe'）.attr（'src'，$（'iframe'）.attr（'src'）；
});
});
});

@mxr7350谢谢！

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

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