All geek questions in one place

Inline tag inside Bootstrap Modal, not visible in FireFox

I have a <embed> inside Bootstrap Modal for playing videos (tested with both vlc (2.1.3) plugin and flash). It works fine in Chrome, Safari and Opera, but in Firefox the video does not appear, but it works in the background, I heard sound, but could not see the video. I set the z-index to a larger value but did not use. Googled a lot, but can not find the answer, any help would be appreciated.

similar problem here: Problem using Flash in bootstrap 3 modal

+6
source share
4 answers

if I use $("#myModal").modal('show') ; the plugin is not displayed

remove fade class from popup

 <div class="modal fade" id="myModal"> <div class="modal" id="myModal">

and change javascript to

  $("#myModal")css("display", "block");

plugin is now displayed

I don't know the technical details, but the problem is that the fade css class and show method

+5
source

You can override the conversion style only for Firefox by adding the following style to the stylesheet:

 .modal.in .modal-dialog { -moz-transform: none; } .modal.fade .modal-dialog { -moz-transform: none; }

This even retains the fading effect of the modal dialogue.

+7
source

I had a similar problem, so I hope my solution can help some of you ... I suppose you are using a flash player because this problem only occurs on flash players. If so, there is a problem with wmode, so try adding:

  *<param name="wmode" value="transparent"/>*

or add? = Transparent Window mode in case you call a direct URL (e.g. YouTube) ...

+1
source

A simple solution is to add wmode = "transparent" to the <embed>

ex: <EMBED src="myfile.swf" wmode="transparent" FlashVars="mydata" WIDTH="650" HEIGHT="400" NAME="myFlash" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>

+1
source

Source: https://habr.com/ru/post/969422/

More articles:


All Articles