Comment définir la vignette sur une vidéo HTML5?

Est-il possible de définir une vignette sur une vidéo HTML5? Je veux voir des photos avant de jouer. Mon code ressemble à ceci:

 

Merci!

Ajoutez poster="placeholder.png" à la balise video.

  

Est-ce que ça marche?

Affichez votre première image en tant que vignette:

Ajoutez preload="metadata" à votre tag vidéo et le second de la première image #t=0.5 à votre source vidéo :

  

Si vous voulez une première image vidéo en tant que vignette, vous pouvez utiliser

 Add #t=0.1 to your video source, like below  

REMARQUE: assurez-vous de votre type de vidéo (ex: mp4, ogg, webm, etc.)

J’ai trouvé la solution que j’ai obtenue à partir de votre exemple et d’autres exemples et j’ai fait ceci:

   

Travail fantastique Merci!

Cela semble être une image supplémentaire affichée ici.

Vous pouvez essayer d’utiliser cette

 image /* write your code for the video here */ 

Maintenant, utilisez jQuery pour lire la vidéo et masquer l’image comme

 $('img').click(function () { $(this).hide(); // use the parameters to play the video now.. }) 
  //jscode  //Html