Capturer une frame d’une vidéo HTML5

Comment capturer une frame vidéo ?

Mettez la vidéo en pause sur l’image souhaitée, ouvrez la fenêtre contextuelle et choisissez «Frame vidéo». Screenshot Suite sélectionne la vidéo qui occupe le plus de place sur la page et capture son image actuelle dans les dimensions natives de la vidéo. Ce mode ne dispose d’aucun raccourci clavier ni d’aucune option dans le menu contextuel ; il est uniquement accessible depuis la fenêtre contextuelle.

Quels problèmes peuvent survenir ?

Screenshot Suite affiche un message clair si la page ne contient aucune vidéo, si aucune vidéo n’est actuellement visible, si la vidéo n’a pas encore chargé d’image ou si elle est protégée parce qu’elle provient d’une autre origine et que le navigateur n’autorise pas la lecture de ses pixels : un cas fréquent pour les vidéos en streaming dotées de protections de lecture.

Pourquoi l’utiliser plutôt qu’une capture d’écran, et comment se compare-t-il à «Cadre de page (iframe)» ?

Une capture d’écran de la page inclut les commandes du lecteur et sa résolution est limitée à la taille affichée à l’écran. Une frame vidéo correspond à l’image elle-même, dans la résolution propre à la vidéo et sans l’interface du lecteur autour. Le mode le plus proche, «Cadre de page (iframe)», cible un autre type de contenu intégré : une iframe entière plutôt qu’une seule frame d’un élément <video> : utilisez «Cadre de page (iframe)» pour les pages et tableaux de bord intégrés, et «Frame vidéo» pour tout ce qui se trouve dans un lecteur vidéo.

Que se passe-t-il après la capture ?

L’image est enregistrée au format JPEG et s’ouvre dans le même éditeur d’annotation que tous les autres modes, avec les mêmes options d’exportation : PNG, PDF ou copie dans le presse-papiers.

Questions fréquentes

Chrome ne permet-il pas déjà de copier une image vidéo ?

Chrome (version 116 et ultérieures) propose l’option « Copier l’image vidéo » dans le menu contextuel, mais elle est surtout fiable dans des lecteurs comme celui de YouTube. Le mode «Frame vidéo» cible directement l’élément vidéo HTML5 de la page. Il fonctionne donc plus largement sur les pages ordinaires contenant une vidéo non protégée, et pas seulement dans certains lecteurs de plateformes vidéo.

Pourquoi le message indique-t-il que la vidéo est protégée ?

Certaines vidéos, notamment celles provenant d’une autre origine et dotées de protections de lecture, interdisent totalement au navigateur d’accéder à leurs pixels. Screenshot Suite le signale clairement au lieu de produire une image vide ou endommagée.

Quelle vidéo est capturée si la page en contient plusieurs ?

Celle qui occupe le plus de place sur la page.