2011-11-04 10 views
9

Mam HTML5 video na tej stronie:Dlaczego nie mój plakat obraz pokaz w IE9 HTML5 video

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

dół dole 3 Prawo obrazów ręcznych.

Im przy użyciu następującego kodu

<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"> 

Z pod spodem filmów i wizerunku plakat prostu nigdy nie pokazuje się w IE9

Jakieś pomysły?

Odpowiedz

14
  1. Usuń atrybut playbackRate.
  2. Dodaj atrybut
+3

preload = "none" pracował –

+3

Podczas gdy 'preload =" none "' nie działa, zwiększy to czas oczekiwania użytkownika na wideo zaczyna się (czasami o 5-10 sekund, w zależności od długości filmu). – doubleJ

3

miałem strona ładowanie kilka filmów preload="none", w IE9 czasami wydaje obrazy plakat, czasami nie. Rozwiązaniem było ustawienie obrazu plakatu jako tła elementu wideo. Dobrze działało.

3

Obraz jako tło działa tylko z preload = "none" tag, ale dla wath ist ta funkcja? za nic. Dlaczego Opera, Firefox, Crome ... potrafią to zinterpretować, a IE nie może tego zrobić?

Dlaczego mam na każdej WEB stronie tag IF IE? Dlaczego muszę zrobić wszystko, co złe do pracy w IE?

To rozwiązanie, które uzupełnia program Microsoft.

Wykonałem zdjęcie o tej samej rozdzielczości co wideo i ustawiłem wartość bezwzględna poza tagiem wideo i podałem identyfikator taki jak "video_play" Teraz utworzyłem funkcję, która powoduje zanik obrazu i odtwarzanie wideo.

TERAZ możesz użyć funkcji wstępnego ładowania i wygląda świetnie i działa na IE bez czarnego ekranu.

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

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

}); 

Maby można ustawić znacznik plakat i uzyskać atrybut z javascript i wykonane mój skrypt pełną dynamikę. Do czasu jest bardzo zły ... jak IE ....

Powiązane problemy