关闭模态后,Vimeo声音继续在自举模式中播放

时间:2014-10-21 22:50:52

标签: javascript html5 twitter-bootstrap vimeo

在这个页面上,我们有多个链接到vimeo视频,这些视频都在相同的bootstrap模式中播放,并使用data-src填充模式。问题是当模态关闭时,音频会继续播放。我可以运行什么脚本来停止播放音频?

页面为here,您可以点击顶部显示“安全文件共享”的图片来查看视频。

1 个答案:

答案 0 :(得分:1)

就我个人而言,我发现收听hidden.bs.modal事件并没有产生任何结果,而是hide.bs.modal为我工作。

奖金 - 无需点击vimeo API

  • 您需要在iframe中添加id(在下面的示例中为id="iframe"
  • 聆听hide.bs.modal事件
  • 将iframe src捕获到变量
  • 将src设置为空字符串
  • 通过变量
    重新添加原始src ...

       $('#orientation_video').on('hide.bs.modal', function () {
    
       // get the source of the iframe and save it
         var src = $(this).find('iframe').attr('src');
    
       // remove the src from the iframe
         $("iframe#iframe").attr('src','');
    
       // re-add the 
         $("iframe#iframe").attr('src', src);
    
       });