La balise <video> permet d’intégrer une ressource vidéo au sein d’une page. Le fonctionnement est le même que pour <picture>, en intégrant des balises <source> enfants pour chaque format importé.

Spécifie si la vidéo possède de l’audio ou non (booléen).

Spécifie si le navigateur doit afficher les contrôles sous la vidéo.

Spécifie au navigateur de lancer automatiquement la vidéo dès le chargement de la page terminé.

autoplay interdit par défaut

Les navigateurs bloquent désormais le lancement automatique des vidéos si elles possèdent de l’audio, dans le but de ne pas surprendre les utilisateurs par un comportement non anticipé. Deux solutions existent :

• la vidéo possède l’attribut muted, et dans ce cas pas de soucis
• l’utilisateur a déjà effectué une action sur la page (clic…), donc s’attend à un comportement, la vidéo peut alors se lancer automatiquement

Permet d’indiquer au navigateur de relancer la vidéo à l’infini.

Permet de définir une image qui sera affichée tant que la vidéo n’est pas lancée (que ce soit en autoplay ou manuellement).

Permet d’indiquer au navigateur quel comportement utiliser pour charger la vidéo :

• none : pas de préchargement, tout se fait au lancement de la vidéo (délai d’attente long)
• metadata : précharge uniquement les metadonnées, comme la durée (délai d’attente moyen)
• auto : précharge l’intégralité de la vidéo, peu importe si l’utilisateur la regardera ou non (délai d’attente court, sauf si elle est située en haut de page)

• Images←
• Audio→