¿Cómo puedo mostrar una imagen si el navegador no es compatible con la etiqueta <video> de HTML5

Question

¿Alguien sabe cómo puedo mostrar una imagen para los navegadores que no son compatibles con la etiqueta? Viendo un texto como en:

<video src="video.mp4" type="video/mp4"> 
    Your browser does not support the <video> tag 
</video> 

es fácil, pero si puedo reemplazar el texto con una etiqueta img, se mostrará siempre la imagen, incluso cuando el navegador, aunque soporta la etiqueta video.

Gracias por compartir sus conocimientos

(EDIT) Este no es el caso, mis pruebas fueron mal y etiqueta img de hecho consigue prestarán únicamente cuando no se admite vídeo (por ejemplo, Safari 5)

Answer 1

sólo estaba this link comprobación, así como HTML5's spec, por lo que este código debe trabajar para usted:

<video controls="controls" poster="<your image poster if applicable>"> 
    <source src="video.mp4" type="video/mp4" /> 
    <img src="<your No video support image>" title="Your browser does not support the <video> tag" /> 
</video> 

Answer 2

uso de JavaScript, puede ejecutar:

var html5video = !!document.createElement('video').canPlayType; 

Eso será verdadero o falso dependiendo de si tiene soporte o no. A continuación, puede usar javascript para reemplazar la etiqueta de video con una imagen o, más fácil, simplemente configure el video en display:none; y la imagen en display:block; o viceversa.