2014-05-17 17 views
6

Mam tag <embed> wewnątrz gry Bootstrap Modal do odtwarzania wideo (testowany z wtyczką vlc (2.1.3) i flash). Działa dobrze w Chrome, Safari i Operze, ale w Firefoksie wideo nie wyświetla się, ale działa w tle, słyszę dźwięk, ale nie widzę wideo. Ustawiłem indeks Z na wyższą wartość, ale nie używam. Googled dużo, ale nie może znaleźć odpowiedzi, każda pomoc byłaby doceniona.Umieść tag wewnątrz Bootstrap Modal nie jest widoczny w FireFox

podobny problem tutaj: Issue using Flash within bootstrap 3 modal

Odpowiedz

5

jeśli używam $("#myModal").modal('show'); Wtyczka nie jest widoczny

klasa usuń blaknięcie od popup

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

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

i zmienić JavaScript

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

teraz plugin jest widoczny

nie wiem szczegóły techniczne, ale problem jest w klasie css znika i metoda show

+0

Hej ty brakowało jednej rzeczy wspomnieć, trzeba także usunąć i teleinformatyczny toggle = "modal" data-target = "# myModal" z przycisku otwierającego modal i użyj zamiast niego '$ (" # myModal "). css (" display "," block ");', aby zamknąć użyj '$ ("#myModal"). css ("display", "none"); ' –

+1

Tęskniłeś, aby wspomnieć, że klasa 'in' również powinna zostać usunięta. – oracleruiz

1

Miałem podobny jest sue, więc mam nadzieję, że moje rozwiązanie może pomóc niektórym z was ... Przypuszczam, że korzystasz z odtwarzacza Flash, ponieważ ten problem występuje tylko w odtwarzaczach flash. Jeśli tak, to istnieje problem z wmode więc spróbuj dodać:

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

lub dodanie wmode = przezroczyste w przypadku której dzwonisz bezpośredni adres URL (na przykład YouTube) ...

1

łatwe rozwiązaniem jest dodanie wmode = "transparent" do <embed> tagu

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

można zastąpić transformacji stylu ju st Firefox dodając następujące styl do arkusza stylów:

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

to jeszcze zachowuje Fade-in efektu modalnej dialogowym

Powiązane problemy