Gibt es eine Möglichkeit, ein Miniaturbild für HTML5-Videos festzulegen? Ich möchte vor dem Spielen einige Bilder sehen. Mein Code sieht folgendermaßen aus:
<video width="470" height="255" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
<source src="video.webm" type="video/webm">
<object data="video.mp4" width="470" height="255">
<embed src="video.swf" width="470" height="255">
</object>
</video>
Vielen Dank!
html
html5-video
preloading
Ivijan Stefan Stipić
quelle
quelle
Zeigen Sie Ihren ersten Video-Frame als Miniaturbild an:
Fügen Sie
preload="metadata"
Ihrem Video-Tag und dem zweiten des ersten Frames#t=0.5
Ihrer Videoquelle hinzu :quelle
#t=0.5
. Sagen Sie, wenn Sie Thumbnail von t = 8 gut wollten, dann würde vid von der 8. Sekunde beginnen, was nicht ideal ist, ist es :)Wenn Sie ein Video als erstes Bild als Miniaturbild wünschen, können Sie es verwenden
HINWEIS: Stellen Sie sicher, dass Sie einen Videotyp haben (z. B. mp4, ogg, webm usw.).
quelle
Das scheint ein zusätzliches Bild zu sein, das dort gezeigt wird.
Sie können dies versuchen
Spielen Sie jetzt mit jQuery das Video ab und verbergen Sie das Bild als
quelle
$('video').play();
:)quelle
quelle
1) Fügen Sie die folgende Abfrage hinzu:
hinweis: füge im ersten src (gezeigt) den originalen youtube link hinzu.
2) Bearbeiten Sie das Iframe-Tag wie folgt:
Hinweis: Kopieren Fügen Sie die YouTube-Video-ID nach dem Einbetten / in den Iframe-Quellcode ein.
quelle