2014-05-17 3 views
6

J'ai une étiquette <embed> dans Bootstrap Modal pour lire la vidéo (testé avec le plugin vlc (2.1.3) et flash). Il fonctionne très bien dans Chrome, Safari et Opera, mais dans Firefox, la vidéo ne s'affiche pas mais elle fonctionne en arrière-plan, je pouvais entendre l'audio, mais pas en mesure de voir la vidéo. J'ai mis z-index à une valeur plus élevée mais inutile. Googled beaucoup, mais ne peut pas trouver une réponse, toute aide serait appréciée.embed tag à l'intérieur Bootstrap Modal non visible dans FireFox

question similaire ici: Issue using Flash within bootstrap 3 modal

Répondre

5

si j'utilise $("#myModal").modal('show'); le plug-in n'est pas visible

supprimer la classe de fondu de pop-up

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

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

et changer javascript pour

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

maintenant le plugin est visible

Je ne sais pas les détails techniques, mais le question est en fade css classe et montrer la méthode

+0

Hey vous avez manqué une chose à mentionner, vous devez également supprimer et Data- toggle = "modal" data-target = "# myModal" du bouton qui ouvre le modal et utilise à la place '$ (" # myModal "). css (" display "," block ");', pour fermer use $ ("#myModal"). css ("display", "none"); ' –

+1

Vous avez manqué de mentionner que la classe 'in' devrait également être supprimée. – oracleruiz

1

J'avais similaire est poursuivre en espérant que ma solution pourrait aider certains d'entre vous ... Je suppose que vous utilisez Flash Player parce que ce problème se produit uniquement sur les lecteurs flash. Si oui, il y a un problème avec wmode donc essayer d'ajouter:

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

ou en ajoutant wmode = transparent au cas où vous appelez URL directe (YouTube pour un exemple) ...

1

solution facile est d'ajouter wmode = "transparent" pour <embed> tag

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>

7

Vous pouvez remplacer le ju style transformation st pour Firefox en ajoutant le style suivant à votre feuille de style:

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

Cela préserve même l'effet fondu dans la boîte de dialogue modale