Bootstrap模态,关闭时停止电影

时间:2016-05-27 09:31:03

标签: jquery twitter-bootstrap modal-dialog

我这里有一个jsfiddle

https://jsfiddle.net/nbuo8crd/26/

我使用自举模式播放视频。

电影有一个关闭按钮,关闭模态并删除/停止视频。

如果我点击模态的任何地方,模态会关闭,但电影会继续播放。

点击模式(关闭模式)以删除/停止播放电影时,我可以使用什么事件。

    $('.js-play').click(function(){
        var vid_num = $(this).data('vid');
        var vid_src = 'https://player.vimeo.com/video/'+vid_num+'/?autoplay=true';

        $('#myModal').modal('show');
        $('#myModal iframe').attr('src', vid_src);
    })

    $('#videoToggleOff').click(function(){
        $('iframe#myVideo').attr('src','');
    });

1 个答案:

答案 0 :(得分:1)

Bootstrap 3

$('#myModal').on('hidden.bs.modal', function () {
    // do something…
})

参考:https://getbootstrap.com/javascript/#modals-events