Fallback et alternative vidéo

Fallback d’utilisation

Si toutefois le navigateur n’interprète pas la balise <video>, il faut alors prévoir un fallback, en ajoutant simplement des balises HTML d’information ou de réorientation vers une alternative textuelle, ou SWF / FLV après les balises, et après la dernière balise <source>.

<video controls poster="image.png" preload="metadata">
	<source src="video.mp4" type="video/mp4; codecs=avc1.42E01E, mp4a.40.2" />
	<source src="video.webm" type="video/webm; codecs=vp8, vorbis" />
	<source src="video.ogv" type="video/ogg; codecs=theora, vorbis" />
	<div>Solution alternative</div>
</video>

Sans entrer dans les détails de l’implémentation de l’animation SWF, une simple balise <embed> peut faire affaire. Tous les navigateurs l’interprètent correctement et puisque le DOCTYPE est en html5, il n’y aura aucune problématique de validation. Il suffit donc de réaliser une animation Flash, utilisant un composant FLVPlayBack, et de pointer vers le fichier FLV adéquat (voir Le format FLV et gestion de la vidéo avec Flash), ou alors d’intégralement gérer le flux FLV depuis Action Script (Gestion de fichiers FLV par Action Script). Dans les deux cas, il suffit d’ajouter la balise après la dernière balise <source>.

<video controls poster="image.png" preload="metadata">
	<source src="video.mp4" type="video/mp4; codecs=avc1.42E01E, mp4a.40.2" />
	<source src="video.webm" type="video/webm; codecs=vp8, vorbis" />
	<source src="video.ogv" type="video/ogg; codecs=theora, vorbis" />
	<embed src="fichier.swf"/>
</video>