如何停止 YouTube 声音播放？

Question

我有一个 YouTube 视频弹出窗口。当我单击按钮时，会出现弹出窗口。但是当我关闭它时，视频的声音会继续播放。 如何停止声音？

function popup2(id, video) {
    $('.popup_overlay').show();
    $('#'+id).addClass('activePopup');
    $('.activePopup').show();
    switch(video) {
        case 'video1': $('#video').html('<iframe width="854" height="510" src="//www.youtube.com/embed/kJUmm8-Y5JM?autoplay=1&cc_load_policy=0" frameborder="0" allowfullscreen></iframe>'); break;
    }
}

function popup_out() {
    $('.popup_overlay').hide();
    $('.popup').hide();
    $('.popup_overlay').hide();
    $('.popup2').hide();
    $('.popup').removeClass('activePopup');
    $('body').find('label').removeClass('red');
    send = false;
}

这是我的 HTML 代码：

<div class="popup2" id="video"></div>

<div onclick="popup2('video', 'video1')">BUTTON</div>

Answer 1

您似乎只是隐藏了 youtube iframe，因此视频仍在播放，但您看不到它。 您可以尝试在 popup_out() 函数中清空 #video div，如下所示：

$('#video').html('');

或

$('#video').empty();