15. Insertion d'audio et de vidéo
Le HTML5 a introduit des éléments standards pour insérer des médias sans dépendre de plugins tiers (comme Flash).
15.1 L'élément vidéo (<video>)
L'élément <video> insère un fichier vidéo. Il utilise généralement l'attribut controls pour afficher les boutons de lecture standards.
html
Pourquoi plusieurs balises <source> ?
Les navigateurs supportent différents formats vidéo (MP4, WebM, OGG). Fournir plusieurs sources garantit la compatibilité. Le navigateur les essaiera dans l'ordre jusqu'à ce qu'il en trouve une qu'il puisse lire.
15.2 L'élément audio (<audio>)
L'élément <audio> fonctionne de manière similaire mais n'a pas besoin de spécifications de largeur/hauteur.
html
15.3 Attributs importants
| Attribut | Description |
|---|---|
controls | Affiche les commandes du lecteur (lecture/pause, volume, etc.). |
autoplay | Lance automatiquement la lecture (souvent bloqué par les navigateurs). |
loop | Fait redémarrer le média automatiquement une fois terminé. |
muted | Coupe le son par défaut. |