Wie kann ich deaktivieren auto- Plakatbilderzeugung auf dem Video-Tag?
-
28-09-2019 - |
Frage
Ich bin mit dem Plakate "-Attribut auf einem Video-Tag und die Art und Weise es zumindest in Webkit-Browsern zu arbeiten scheint, ist, dass er das Plakat Bild lädt und dann einmal genug von dem Video geladen ist, ersetzt es dieses Plakat mit ein automatisch generierter Plakat aus der Videodatei selbst.
Doch mein Plakat Bilder entsprechen nicht den automatisch generierten Plakate, die Ergebnisse in eine seltsame Erfahrung eines Bildes Laden, dann in wenigen Sekunden durch die automatisch generierten Bild ersetzt. Gibt es eine Möglichkeit, die automatisch generierte Bild, um zu verhindern verwendet?
Lösung
Wir haben es geschafft, um dieses in der JW Player zu bekommen für HTML5 . Der einfachste Weg ist wie folgt:
- Wenn das
- Fügen Sie einen Click-Handler zum
Das funktioniert gut, aber es bedeutet, nach wie vor, dass Sie Probleme bei der Wiedergabe haben werden, als das Plakat Bild, das wieder erscheint, ist nicht das gleiche wie das Original sein, es sei denn, Sie etwas mehr JS Magie zu tun.
Auch erwähnenswert, dass man nicht alles Platz auf dem
- Stellen Sie das
CSS display: none - Fügen Sie eine weitere an der gleichen Stelle, mit den gleichen Abmessungen wie der
-Element mit einem CSS-Hintergrundbild, das das gleiche wie das Poser Bild ist. - Fügen Sie einen Click-Handler auf die neue
. Wenn die neugeklickt hat, blenden Sie den neuenund den Video-Tag zeigt.- Wenn die Video-Wiedergabe beendet ist, blenden Sie das
und zeigt den neu .Wir hoffen, das hilft!
Best,
Zach
Entwickler, LongTail Video
- Fügen Sie einen Click-Handler auf die neue
Andere Tipps
Dies ist die Art und Weise, in der WebKit-Browser entschieden hat, die Spezifikation zu implementieren (wie oben angeführt). Ich stimme Ihnen zu, dass es nicht sehr intuitiv ist und würde mich auch lieber auf das Plakatbild zu halten, bis der Benutzer die Play-Taste trifft. Ich schlage vor, Sie einen Fehlerbericht einreichen (oder Feature-Request) auf Webkit für sie https://bugs.webkit.org/ .
Nur Option ist sicher erster Frame des Videos zu machen als Poster gleiche ist oder nicht, es überhaupt zu benutzen.
„Wenn ein Videoelement angehalten wird und die aktuelle Wiedergabeposition wird der erste Frame von Video, stellt das Element entweder das Einzelbild des Videos zu der aktuellen Wiedergabeposition oder den Plakatrahmen entspricht, nach dem Ermessen des Benutzeragenten.“ - http://www.w3.org/TR/ html5 / video.html # attr-Video-Plakat