2011-11-04 28 views
9

Tôi có một đoạn video html5 trên trang này:Tại sao không ảnh cho thấy tấm áp phích của tôi trong IE9 html5 video

http://www.yellowtulipcomms.com/portfolio/global-public-speaking/

Xuống dưới cùng của 3 hình ảnh tay phải.

Im sử dụng đoạn mã sau

<video class="video-js" width="235" height="185" playbackRate="1" poster="http://www.yellowtulipcomms.com/wp-content/uploads/2011/11/Kimia-Namadchi-STILL.jpg" controls="controls"> 

Với các đoạn video bên dưới và ảnh áp phích chỉ không bao giờ thấy trong IE9

Bất kỳ ý tưởng?

Trả lời

14
  1. Xóa thuộc tính playbackRate.
  2. Thêm một thuộc tính preload="none"
+3

preload = "none" đã hoạt động –

+3

Mặc dù 'preload =" none "' không hoạt động, nó sẽ tăng lượng thời gian người dùng phải đợi cho đến khi video bắt đầu (đôi khi 5-10 giây, tùy thuộc vào độ dài của video). – doubleJ

3

Tôi đã có một trang tải một số đoạn video, và trong IE9 những hình ảnh tấm áp phích đôi khi sẽ xuất hiện, đôi khi không. Giải pháp là đặt hình ảnh áp phích làm nền cho phần tử video. Làm việc tốt.

3

Hình ảnh dưới dạng nền chỉ hoạt động với thẻ preload = "none" nhưng để có chức năng này? chẳng để lam gi. Tại sao Opera, Firefox, Crome ... có thể giải thích điều này và IE không thể làm gì?

Tại sao tôi có trong mỗi trang WEB một thẻ IE IF? Tại sao tôi phải làm mọi thứ xấu để làm việc trên IE?

Đó là giải pháp nó tuân thủ sự phát triển từ microsoft.

Tạo hình ảnh có độ phân giải tương tự như video và vị trí Tuyệt đối bên ngoài thẻ video và cung cấp id như "video_play" Bây giờ, hãy thực hiện Chức năng làm mờ Ảnh và phát video.

NGAY BÂY GIỜ bạn có thể sử dụng chức năng tải trước và nó hoạt động tốt và hoạt động trên IE mà không cần màn hình đen.

$("#video_play").click(function(){ 

    $(this).fadeOut(600); 
    var video = document.getElementById("video_src"); 
    if (video.paused) { 
     video.play(); 
    } else { 
     video.pause(); 
    } 

}); 

Bạn có thể đặt thẻ Poster và nhận thuộc tính với javascript và làm cho tập lệnh của tôi trở nên đầy đủ. Theo thời gian rất tệ ... như IE ....

Các vấn đề liên quan