從DOM中刪除框架-有更好的方法嗎？

Question

關閉彈出窗口后，我試圖擺脫在后台播放視頻的問題。 現在我所擁有的是：

jQuery(function(){
    jQuery('.slider-links .modalClick').on('click', function(event) {
        event.preventDefault();
        jQuery('#overlay')
            .fadeIn()
            .find('#modal')
            .fadeIn();
    });

    jQuery('#modal .close').on('click', function(event) {
        event.preventDefault();
        jQuery('#overlay')
            .fadeOut()
            .find('#modal')
            .remove();
    });
});

但是，使用remove方法擺脫掉一直在后台播放的視頻，這並不是我想要的，因為這樣就不允許再次單擊該鏈接，所以我的問題是； 有沒有更好，更整潔的方法來做到這一點？ 有點愚蠢的問這個問題，但是當我試圖找到答案時，我真的不知道要尋找什么。

Answer 1

我將停止視頻並fadeOut #modal 。

jQuery('#modal .close').on('click', function(event) {
    event.preventDefault();
    jQuery('#overlay')
        .fadeOut()
        .find('#modal')
        .fadeOut();
    $('#overlay video')[0].pause();
});

Answer 2

您可以做的就是在模式關閉時停止視頻

jQuery(function ($) {
    $('.slider-links .modalClick').on('click', function (event) {
        event.preventDefault();
        $('#overlay')
            .fadeIn()
            .find('#modal')
            .fadeIn();
        $('#overlay video')[0].play();
    });

    $('#modal .close').on('click', function (event) {
        event.preventDefault();
        $('#overlay')
            .fadeOut()
            .find('#modal')
            .fadeOut();
        $('#overlay video')[0].stop();
    });
});