如何停止播放 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();

如何停止播放 YouTube 声音？

How to stop YouTube sound playing?

javascript

jquery

html

css

youtube