¿Por qué mi cartel de imagen muestran en IE9 HTML5 video

Question

Tengo un video HTML5 en esta página:

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

hacia abajo la parte inferior de las 3 imágenes de la derecha.

Im utilizando la imagen del cartel siguiente código

<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 los videos debajo y nunca muestra en IE9

¿Alguna idea?

Answer 1

1. Elimina el atributo playbackRate.
2. Añadir un atributo preload="none"

Answer 2

que tenía una carga de la página varios videos, y en IE9 veces aparecerían las imágenes de los carteles, a veces no. La solución fue establecer la imagen del póster como fondo del elemento de video. Funcionó bien.

Answer 3

La imagen como fondo solo funciona con la etiqueta preload = "none", pero ¿para qué función es esta? para nada. ¿Por qué Opera, Firefox, Crome ... pueden interpretar esto y IE no puede hacer?

¿Por qué tengo en cada página WEB una etiqueta IF IE? ¿Por qué debo hacer todo mal para trabajar en IE?

Esa es la solución que completa el desarrollo de microsoft.

Hicieron una imagen con la misma resolución que el video y colocaron Absolute fuera de la etiqueta de video y proporcionaron una identificación como "video_play" Ahora hicieron una función que atenúa la imagen y reproduce el video.

AHORA puede utilizar la función de precarga y se ve muy bien y funciona en IE sin una pantalla en negro.

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

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

}); 

Maby puede establecer la etiqueta de pósteres y obtener el atributo con javascript y hecho mi guión dinámico completo. Hasta el momento es muy malo ... como IE ....