Utiliser dynamiquement la première image comme affiche dans une vidéo HTML5 ?

Question

Je me demande s'il existe un moyen direct d'obtenir cet effet, sans avoir besoin d'un code dorsal pour extraire une image, l'enregistrer au format jpg et la mettre dans une base de données.

Un effet par lequel la première image de la vidéo apparaît comme l'affiche lorsque la vidéo se charge serait très utile (cela ne fonctionnerait que si le navigateur peut lire la vidéo évidemment, ce qui pourrait être un peu différent de la façon dont le système de gestion de l'image est utilisé). poster fonctionne traditionnellement, mais ce n'est pas un problème.

Answer 1

Solution pour les cadres #2, #3 etc. Nous devons attacher un gestionnaire jetable .one() pour réinitialiser le cadre par défaut.

<video width="300" height="150" id='my-video'>
   <source src="testvideo.mp4#t=2" type="video/mp4" />
</video>

$(function () {
     let videoJs = videojs('my-video');
     videoJs.one('play', function () {
          this.currentTime(0);
     });
});