关闭模态窗口后如何停止视频Youtube?

时间:2015-03-24 12:41:17

标签: twitter-bootstrap youtube youtube-api bootstrap-modal youtube-javascript-api

Modal关闭时,如何停止Bootstrap Modal内的Youtube视频?

我试过这个没有成功:

$('#videoModal').on('hidden.bs.modal', function (e) {
        callPlayer('vidwrap', 'stopVideo');
        $iframe = $(this).find( "iframe" );
        $iframe.attr("src", $iframe.attr("src"));
});

1 个答案:

答案 0 :(得分:0)

好吧,我有同样的问题,在这里和我一起有一个名为youtube-video的id,我在其中添加了来自youtube.com的iframe标签 观看视频 - 是按钮,切换我的模态可见性。 .close是按钮,我正在关闭我的模态。

我们正在做的是,只需点按即可从视频中删除src。

  $(function(){
      var url = $('#youtube-video iframe').attr('src');
      $('#watch-video').click(function() {
          $('#youtube-video iframe').show();
          $('#youtube-video iframe').attr('src', url);
      });
      $('button.close').click(function() {
          $('#youtube-video').hide();
          $('#youtube-video iframe').attr('src', '');
      });      
    });