Comment insérer une image de présentation sur une vidéo en HTML ?

Réponses rédigées par Antoine
Dernière mise à jour : 2021-02-07 12:50:49
Thèmes : webmaster - video - image - html5
Question

Comment puis-je superposer une image de présentation sur une vidéo que j'insère dans une page HTML via la base HTML5 <video> ?

Réponse

Pour insérer une image de présentation dans une vidéo, via la balise HTML5 <video>, vous devez utiliser le l'attribut controls poster.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment mettre une image de présentation sur une vidéo en HTML ?</title>
</head>  
<body>
<video width="400" height="350" controls poster="https://www.collaborativejob.com/os.jpg"> 
<source src="exemple.mp4" type="video/mp4"> 
</video> 
</body>
</html>