HTML5 Video

Le HTML5 supporte aussi les vidéos, la balise video est utilisé pour jouer des séquences vidéos dans un navigateur web.

Il ya trois types de fichier vidéo supporté par HTML :

• mp4
• ogg
• webM

Si dessous un tableau qui présente les navigateurs web ainsi que les format des vidéos supporté.

Navigateur	mp4	webM	ogg
Internet Explorer	oui	non	non
Google Chrome	oui	oui	oui
Mozilla Firefox	oui	oui	oui
Opera	non	oui	oui
Apple Safari	oui	non	non

Ceci est un exemple de balise video avec mp4 comme type de fichier vidéo

<video controls>  
  <source src="movie.mp4" type="video/mp4">  
  Votre navigateur ne supporte pas la balise video.  
</video>

Voyons un exemple de balise video avec ogg comme type de fichier vidéo

<video controls> 
<source src="movie.ogg" type="video/ogg"> 
Votre navigateur ne supporte pas la balise video. 
</video>

Liste des attributs de la balise video

Attribut	La description
controls	Il définit les commandes vidéo qui sont affichées avec les boutons lecture / pause.
height	Il est utilisé pour régler la hauteur du lecteur vidéo.
width	Il est utilisé pour définir la largeur du lecteur vidéo.
display	Il spécifie l’image affichée à l’écran lorsque la vidéo n’est pas lue.
autoplay	Il spécifie que la vidéo commencera à être lue dès qu’elle sera prête.
loop	Il spécifie que le fichier vidéo recommencera à chaque fois qu’il sera terminé.
muted	Il est utilisé pour couper la sortie vidéo.
preload	l spécifie la vue de l’auteur pour télécharger le fichier vidéo lors du chargement de la page.
src	Il spécifie l’URL source du fichier vidéo.

Voyons un exemple de balise video qui utilise des attributs tel-que width, height, autoplay, control et loop.

Exemple de balise video avec des attributs

<video width="320" height="240" controls autoplay loop>  
  <source src="movie.mp4" type="video/mp4">  
  Votre navigateur ne supporte pas la balise video.  
</video>

Les Formats des vidéos et les types MIME

Les types MIME disponibles des vidéos sont données dans le tableau ci-dessous :

Format Vidéo	Type MIME
mp4	video/mp4
ogg	video/ogg
webM	video/webM