HTML5 Video

HTML5 video: La balise <video> permet de lire des fichiers vidéo directement dans notre page HTML en proposant un lecteur intégré avec des contrôles génériques (lecture, pause, contrôle du volume…).

HTML5 Video

	WebM	Ogg	h264
V14 et +	Oui	Oui	-
V20 et +	Oui	Oui	-
V9 et +	Oui	-	Oui
V5.1 et +	Oui	Oui	Oui
V12 et +	-	-	Oui

La balise <source> permet de définir au sein de l'élément <video> plusieurs ressources alternatives au cas où le navigateur ne supportera pas le format initialement spécifié dans l'attribut "src".
Lorsque le fichier vidéo n'est pas trouvé ou que son format n'est pas supporté au navigateur, le lecteur n'est pas visibles.

Support:

Attributs pour la balise:

Propriété	Définition
controls	Affiche le lecteur audio et ses fonctionalités (lecture, pause, ...)
autoplay	Le fichier doit être lu automatiquement lorsque la page est chargé
preload	Le mode de chargement du fichier à l'ouverture de la page
loop	Le fichier doit être joué en boucle
muted	Désactiver le son de la vidéo
poster	Spécifie une image par défaut à afficher comme arriére plan
src	URL du fichier vidéo

Exemple d'utilisation:

<video controls="controls">
   <source src="sourcevideo.webm" type="video/webm" />
   <source src="sourcevideo.mp4" type="video/mp4" />
   <source src="sourcevideo.ogv" type="video/ogg" />
</video>

Résultat:

Vidéo d'origine :
http://www.youtube.com/watch?v=7WKGh7DA4hE