Perché lo manifesto immagine mostra a IE9 HTML5 Video

Question

Ho un video HTML5 in questa pagina:

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

giù la parte inferiore dei 3 immagini della mano destra.

Im utilizzando il seguente codice l'immagine del poster

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

con i video sottostanti e proprio non mostra mai in IE9

Tutte le idee?

Answer 1

1. Rimuovere l'attributo playbackRate.
2. Aggiungi un attributo

Answer 2

Ho avuto un caricamento della pagina diversi video preload="none", e IE9 le immagini del manifesto a volte sembrerebbe, a volte no. La soluzione era impostare l'immagine del poster come sfondo per l'elemento video. ha funzionato bene.

Answer 3

L'immagine come sfondo funziona solo con il tag preload = "none" ma per wath è questa funzione? per niente. Perché Opera, Firefox, Crome ... possono interpretare questo e IE non può farlo?

Perché ho in ogni pagina WEB un tag IF IE? Perché devo rendere tutto negativo per funzionare su IE?

Questa è la soluzione che completa lo sviluppo da Microsoft.

Realizzato un'immagine con la stessa risoluzione del video e posizione assoluta al di fuori del tag video e fornire un ID come "video_play" Ora creato una funzione che dissolve l'immagine e riproduce il video.

ORA è possibile utilizzare la funzione di precaricamento e sembra eccezionale e funziona su IE senza schermo nero.

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

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

}); 

Maby è possibile impostare il tag di poster e ottenere l'attributo con javascript e fatto il mio script completo dinamica. Per il tempo è pessimo ... come IE ....