Come posso visualizzare un'immagine se il browser non supporta il tag <video> di HTML5

Question

Qualcuno sa come posso visualizzare un'immagine per i browser che non supportano il tag? Visualizzazione di un testo come in:

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

è facile, ma se sostituisco il testo con un tag img, si mostrerà sempre l'immagine, anche quando il browser supporta il tag video.

Grazie per condividere le tue conoscenze

(EDIT) Questo non è il caso, i miei test erano sbagliati e tag img anzi ottiene resi solo se il video non è supportato (ad esempio Safari 5)

Answer 1

ero solo controllo this link, così come HTML5's spec, quindi questo codice dovrebbe funzionare per voi:

<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

Utilizzo di javascript, è possibile eseguire:

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

Questo sarà vero o falso a seconda se si dispone di supporto o meno. È quindi possibile utilizzare javascript per sostituire il tag video con un'immagine o, più semplicemente, impostare il video su display:none; e l'immagine su display:block; o viceversa.