Comment puis-je désactiver la génération automatique d'image affiche sur l'étiquette vidéo?
-
28-09-2019 - |
Question
J'utilise l'attribut « affiche » sur une étiquette vidéo et la façon dont il semble fonctionner au moins dans les navigateurs WebKit est qu'il charge l'image de l'affiche, puis une fois suffisante de la vidéo a chargé, il remplace cette affiche avec une affiche générée automatiquement à partir du fichier vidéo lui-même.
Cependant, mes images d'affiches ne correspondent pas aux affiches générées automatiquement qui se traduit par une expérience bizarre d'un chargement d'image, étant alors remplacée en quelques secondes par l'image générée automatiquement. Est-il un moyen d'éviter que l'image générée automatiquement d'être utilisé?
La solution
Nous avons réussi à contourner ce dans le JW Player pour HTML5 . La façon la plus simple est la suivante:
- Si la balise
- Ajoutez un gestionnaire de clic pour la balise
Cela fonctionne bien, mais il encore signifie que vous aurez des questions sur la relecture, comme l'image de l'affiche qui ressurgit ne sera pas le même que l'original, à moins que vous faire un peu plus magique JS.
Il convient également de noter que vous ne pouvez pas placer quoi que ce soit au-dessus de la balise
- Set
CSS display: none - Ajoutez un autre dans le même endroit, avec les mêmes dimensions que la balise
élément, avec une image de fond CSS qui est la même chose que l'image de poseur. - Ajoutez un gestionnaire de clic au nouveau
. Lorsque le nouveauest cliquée, cacher la nouvelleet montrer la balise vidéo.- Lorsque la vidéo a terminé la lecture, cacher la balise
et montrer la nouvelle .Si tout va bien qui aide!
Best,
Zach
Développeur, LongTail vidéo
- Ajoutez un gestionnaire de clic au nouveau
Autres conseils
Ceci est la façon dont les navigateurs WebKit ont décidé de mettre en œuvre les spécifications (tel que cité ci-dessus). Je suis d'accord avec vous que ce n'est pas très intuitive et ne me préfère aussi garder l'image de l'affiche jusqu'à l'utilisateur clique sur le bouton de lecture. Je vous suggère de soumettre un rapport de bogue (ou demande de fonctionnalité) à webkit pour elle https://bugs.webkit.org/ .
option est seulement pour vous assurer que la première image de votre vidéo est le même que l'affiche ou de ne pas l'utiliser du tout.
« Quand un élément vidéo est mise en pause et la position de lecture en cours est la première trame d'image vidéo, l'élément représente soit l'image vidéo correspondant à la position de lecture en cours ou le cadre d'affichage, à la discrétion de l'agent utilisateur. » - http://www.w3.org/TR/ html5 / video.html # attr-vidéo affiche