HTML - Balise <video>
La description
La balise HTML <video> est utilisée pour intégrer la vidéo dans votre page Web, elle a plusieurs sources vidéo.
Exemple
<!DOCTYPE html>
<html>
<head>
<title>HTML video Tag</title>
</head>
<body>
<p>Run your first program using an Online Compiler (compileonline.com)</p>
<br />
<video width = "500" height = "300" controls>
<source src = "/html/compileonline.mp4" type = "video/mp4">
This browser doesn't support video tag.
</video>
</body>
</html>
Cela produira le résultat suivant -
Attributs globaux
Cette balise prend en charge tous les attributs globaux décrits dans - Référence des attributs HTML
Attributs spécifiques
La balise HTML <video> prend également en charge les attributs supplémentaires suivants -
| Attribut | Valeur | La description |
|---|---|---|
| lecture automatique |
lecture automatique | Spécifie que la vidéo sera lue automatiquement. |
| contrôles |
contrôles | Spécifie que les commandes vidéo sont affichées. |
| la taille |
pixels | Spécifie la hauteur |
| boucle |
boucle | Spécifie que la vidéo redémarrera à chaque fois après la fin. |
| en sourdine |
en sourdine | Spécifie que l'audio doit être coupé |
| affiche |
URL | Spécifie l'image à afficher pendant le téléchargement de la vidéo. |
| précharge |
métadonnées automatiques aucune |
Spécifie ce que l'auteur pense conduire à l'expérience utilisateur à son meilleur. |
| src |
URL | Spécifie l'URL |
| largeur |
pixels | Spécifie la largeur |
Attributs d'événement
Cette balise prend en charge tous les attributs d'événement décrits dans - Référence des événements HTML
Prise en charge du navigateur
| Chrome | Firefox | C'EST À DIRE | Opéra | Safari | Mobile |
|---|---|---|---|---|---|
| Oui | Oui | Oui | Oui | Oui | Oui |
