视频无法在 Firefox 上弹出引导模式

Posted 2023-02-24

【中文标题】视频无法在 Firefox 上弹出引导模式

【英文标题】：video not working in bootstrap modal pop up on firefox

【发布时间】：2014-01-14 19:21:42

【问题描述】：

我正在尝试在 Modal Pop 中播放视频，它在 Chrome 中可以正常工作，但在 Firefox 中却不行。

下面是代码：

<a href="#video" data-toggle="modal" id="clickForVideo">
  Click Me
</a>

===========

模态弹窗代码：

===========

<div class="modal fade" id="video" role="dialog" style="display:none;">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body modal-video">
        <iframe   ></iframe>
      </div>
      <button type="button" class="btn modal-close" data-dismiss="modal">X</button>
    </div>
  </div>
</div>

===========

JS代码：

===========

$(document).on("click", '#clickForVideo', function() 
  var src = '//www.youtube.com/embed/itTskyFLSS8?feature=player_embedded&autoplay=1';
  $('#video').modal('show');
  $('#video iframe').attr('src', src);
  $(".modal-video").fitVids();
);

===========

【问题讨论】：

对我有用，你用的是什么版本的FF？ jsfiddle.net/GxmLg

我使用的是 Firefox 26.0 和操作系统：Ubuntu

在控制台写点东西，点击查看，里面的函数调用与否。

也从控制台和函数调用中尝试过。我注意到视频不工作的一件事，音频工作正常。

【参考方案1】：

在您拥有该模式的页面中添加此 css 代码块将解决此问题。

.modal.fade .modal-dialogtransform:none !important;

【讨论】：

我正在尝试使用 pixlcore.com/demos/webcamjs/demos/basic.html 在模型对话框上显示网络摄像头区域。我已经尝试在我的页面上添加 .modal.fade .modal-dialogtransform:none !important; 但仍然无法显示网络摄像头区域。

我一直在寻找一个小时，这就是解决方案！我有一个未显示 Windows Media Player 的

【参考方案2】：

我遇到了同样的问题，并通过设置wmode = transparent 设法解决了它 .

See this answer for more.

【参考方案3】：

由于 Firefox 插件 Shockwave Flash，视频无法在模态弹出窗口中播放。

当我停用插件时，一切正常。

以下是答案的更多描述链接：

https://support.mozilla.org/en-US/kb/fix-common-audio-and-video-issues

https://support.mozilla.org/en-US/kb/troubleshoot-issues-with-plugins-fix-problems

【讨论】：

嗨，ankush，我的名字是 nikhil，我也面临同样的问题。问题。我只是想让你的帮助知道我可能错在哪里。所以你能给我你的任何联系方式吗？谢谢。

您好 Nikhil，对不起，我错过了您的评论。我的电子邮件地址是 [e-mail]