Comment puis-je afficher une image, si le navigateur ne prend pas en charge HTML5 <video> tag

Quelqu'un sait-il comment puis-je afficher une image pour les navigateurs qui ne prennent pas en charge la balise ? L'affichage d'un texte comme dans:

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

Est facile, mais si je remplace le texte avec une balise img, il sera toujours montrer l'image, même si le navigateur prend en charge la balise vidéo.

Merci pour le partage de vos connaissances

(EDIT) Ce n'est pas le cas, mes tests ont tort et balise img en effet est rendu que lorsque la vidéo n'est pas pris en charge (par exemple, Safari 5)

OriginalL'auteur mpaf | 2012-03-15

  1. 19

    Je viens de vérifier ce lien, ainsi que HTML5 spec, de sorte que ce code devrait fonctionner pour vous:

    <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>
    Merci, oui ça fonctionne! Ma question est en fait mauvais, les navigateurs que j'ai testé affiche <img> tag SEULEMENT quand <video> n'est pas pris en charge.
    À compter de Décembre 2015, l'img src ne prend pas en charge le format gif. Si vous souhaitez une solution de repli gif, consultez le affiche l'attribut. J'ai écrit un blog avec un exemple.

    OriginalL'auteur DarkAjax

  2. 3

    À l'aide de javascript, vous pouvez exécuter:

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

    Qui sera vrai ou faux selon que vous disposez de l'appui ou non. Vous pouvez ensuite utiliser javascript pour remplacer la balise vidéo avec une image, ou, plus facile, il suffit de mettre la vidéo à display:none; et l'image de display:block; ou vice versa.

    cela fonctionnerait aussi je suppose, mais la réponse ci-dessus est plus simple.
    Je suppose que vous l'avais essayé et que ça n'a pas fonctionné! Eh bien, si jamais je peux l'utiliser !! (bang bang) ça me rend heureux!

    OriginalL'auteur Rich Bradshaw