Categories
Marketing

La Balise VIDEO

Rôle de la Balise

La balise <video> est un élément essentiel pour intégrer des vidéos dans un document HTML.

Par défaut, la vidéo s’affiche avec des boutons de contrôle standard (pause, play, volume, etc.). Cependant, il est possible de personnaliser ces contrôles à l’aide de JavaScript en créant votre propre contrôleur vidéo.

Actuellement, trois formats vidéo sont pris en charge par l’élément <video>, mais leur compatibilité varie en fonction des navigateurs.

MP4 (type MIME : video/mp4) :
navigateur-chrome
navigateur-firefox
navigateur-ie
navigateur-safari
navigateur-opera
Remarque : Internet Explorer 8 et les versions antérieures ne prennent pas en charge la balise <video>.

WebM (type MIME : video/webm) :
navigateur-chrome
navigateur-firefox
navigateur-ie
navigateur-safari
navigateur-opera

Ogg (type MIME : video/ogg) :
navigateur-chrome
navigateur-firefox
navigateur-no-ie
navigateur-safari
navigateur-opera

Testez cette Balise par Vous-même

Vous pouvez expérimenter l’utilisation de cette balise en utilisant Codepen.

Voici le résultat de votre création :

Compatibilité des Navigateurs

navigateur-chrome
navigateur-firefox
navigateur-ie
navigateur-safari
navigateur-opera

Internet Explorer 8 et les versions antérieures ne prennent pas en charge la balise <video>.

Attributs Spécifiques de la Balise

autoplay
Spécifie si la lecture démarre automatiquement lors du chargement.
controls
Lorsqu’il est présent, indique que les contrôles vidéo doivent être affichés (pause, recherche, volume, plein écran, légendes/sous-titres, piste audio, etc., s’ils sont disponibles).
height
Définit la hauteur de la vidéo.
loop
Détermine si la lecture doit être en boucle.
muted
Permet de désactiver le son de la vidéo.
poster
Spécifie une image à afficher pendant le chargement de la vidéo ou avant que l’utilisateur appuie sur le bouton de lecture. En l’absence de cet attribut, la première image de la vidéo est utilisée.
preload
Définit la manière dont la vidéo doit être chargée lors du chargement de la page (cet attribut n’affecte pas Internet Explorer ou lorsque l’attribut "autoplay" est activé). Les valeurs possibles pour l’attribut "preload" sont : "none", "metadata" et "auto".
src
Indique la source de la vidéo.
width
Définit la largeur de la vidéo.

La balise <area> prend également en charge les attributs globaux.