Comment puis-je désactiver la génération automatique d'image affiche sur l'étiquette vidéo?

StackOverflow https://stackoverflow.com/questions/3062915

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é?

Était-ce utile?

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
  • Ajoutez un autre
    dans le même endroit, avec les mêmes dimensions que la balise
  • Ajoutez un gestionnaire de clic au nouveau
    . Lorsque le nouveau
    est cliquée, cacher la nouvelle
    et montrer la balise vidéo.
  • Lorsque la vidéo a terminé la lecture, cacher la balise

Si tout va bien qui aide!

Best,

Zach

Développeur, LongTail vidéo

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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top