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播放声音？

1 个答案: