Thẻ nhúng bên trong Bootstrap Modal không hiển thị trong FireFox

Question

Tôi có thẻ <embed> bên trong Bootstrap Modal để phát video (được thử nghiệm với cả plugin và flash (v2.0)). Nó hoạt động tốt trong Chrome, Safari và Opera, nhưng trong Firefox, video không hiển thị nhưng nó đang chạy ẩn, tôi có thể nghe thấy âm thanh, nhưng không thể xem video. Tôi đặt z-index thành giá trị cao hơn nhưng không sử dụng. Googled rất nhiều, nhưng không thể tìm thấy một câu trả lời, bất kỳ trợ giúp sẽ được đánh giá cao.

vấn đề tương tự ở đây: Issue using Flash within bootstrap 3 modal

Answer 1

nếu tôi sử dụng $("#myModal").modal('show'); các plugin không phải là có thể nhìn thấy

remove phai lớp từ cửa sổ bật lên

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

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

và thay đổi javascript để

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

tại các plugin có thể nhìn thấy

Tôi không biết các chi tiết kỹ thuật, nhưng vấn đề là trong lớp css fade và phương thức hiển thị

Answer 2

Tôi đã có kiện vì vậy hy vọng giải pháp của tôi có thể giúp ích cho bạn ... Tôi cho rằng bạn đang sử dụng trình phát flash vì sự cố đó chỉ xảy ra trên trình phát flash. Nếu vậy, có một vấn đề với wmode vì vậy hãy thử thêm:

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

hoặc thêm wmode = minh bạch trong trường hợp bạn đang gọi URL trực tiếp (YouTube cho một ví dụ) ...

Answer 3

giải pháp dễ dàng là thêm wmode = "minh bạch" để <embed> thẻ

ví dụ: <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>

Answer 4

Bạn có thể ghi đè lên các biến đổi phong cách ju st cho Firefox bằng cách thêm các phong cách sau để stylesheet của bạn:

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

Điều này thậm chí giữ gìn fade-in hiệu ứng của phương thức thoại