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 |