以下是代码：

Question

我正在尝试使用Modal Pop up播放视频，但它在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 width="560" height="315" ></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();
});

==========

Answer 1

在您拥有该模式的页面中添加此css代码块将对此问题进行排序。

.modal.fade .modal-dialog{transform:none !important;}

Answer 2

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

See this answer for more.

Answer 3

由于Firefox插件 Shockwave Flash ，视频无法在Modal弹出窗口中运行。

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

以下是有关答案的更多说明的链接：

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

视频无法在bootstrap模式下弹出firefox

以下是代码：

3 个答案: