Comment obtenir une vignette à partir d'une vidéo intégrée?

Question

J'essaie d'intégrer une vidéo dans une page Web en utilisant lightbox. Du point de vue de la conception, comment dois-je placer la vidéo sur la page? Je veux dire que les vidéos sont alignées sur la page sous forme de vignettes. Devrais-je prendre une image de la vidéo et l'afficher en tant qu'image sur laquelle l'utilisateur clique? Ou est-ce que les différents plugins vidéo prennent soin de créer la vignette pour vous?

Answer 1

Si vous utilisez HTML5, la vignette d'une vidéo est définie à l'aide de l'attribut 'poster' dans la balise vidéo. Voici un exemple:

<video width="500" height="375" poster="myThumbnail.jpg" preload="none" controls="controls"> 
    <source src="http://hostname.com/myVideo.webm"/> 
</video> 

Si vous voulez créer cette image automatiquement en utilisant une trame donnée de la vidéo, vous devriez vérifier le lien affiché par F. Calderan