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 |