video not working in bootstrap modal pop up on firefox

Question

I am trying to play video in Modal Pop up, it works fine in Chrome but not in Firefox.

Below is the Code:

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

==========

Modal poop up code:

==========

<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 code:

==========

$(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();
});

==========

works for me, what version of FF are you using? http://jsfiddle.net/GxmLg/ — C. S., Dec 27 '13 at 09:40
Write something in console and check by click, the function call inside or not. — Bharat soni, Dec 27 '13 at 14:01
have tried it from console as well and function calls. One thing I notice that Video is not working, Audio is working fine. — Ankush Kataria, Dec 30 '13 at 06:40

score 5 · Answer 1 · answered Dec 12 '14 at 10:30

5

Adding this css code block in the page you have that modal will sort this issue.

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

answered Dec 12 '14 at 10:30

Arkadas Kilic

2,192
2
17
15

I am trying to display webcam area on model dialog using https://pixlcore.com/demos/webcamjs/demos/basic.html. I have already try with by adding .modal.fade .modal-dialog{transform:none !important;} on my page but still not able to show webcam area. – Piyush Chaudhari Jul 02 '16 at 03:50
I've been searching for an hour and this was the solution! I have an – Phil Nicholas Jul 27 '16 at 02:14

score 2 · Answer 2 · edited May 23 '17 at 10:28

2

I have encountered the same issue, and managed to fix it by setting wmode = transparent .

See this answer for more.

edited May 23 '17 at 10:28

Community

1
1

answered May 23 '14 at 01:26

gscragg

145
1
7

score 0 · Accepted Answer · answered Jan 04 '14 at 09:42

0

Video not working in Modal popup due to Firefox plugin Shockwave Flash.

When I inactive the plugin everything works fine.

Below are the links for more description to the answer:

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

answered Jan 04 '14 at 09:42

Ankush Kataria

323
3
13

Hi ankush, my name is nikhil and I am also facing the same. issue. I just want your help to know where I may be wrong. So Can you please give me any contact details of yours. Thanks. – Nikhil Agrawal Apr 17 '14 at 12:44
Hi Nikhil, Sorry I missed your comment. My email address is jainankush12@gmail.com – Ankush Kataria Jul 05 '14 at 13:51

video not working in bootstrap modal pop up on firefox

Below is the Code:

3 Answers3