Есть ли способ установить миниатюрное изображение на видео HTML5? Я хочу посмотреть несколько картинок перед игрой. Мой код выглядит так:
<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>
Спасибо!
html
html5-video
preloading
Ивьян Стефан Стипич
источник
источник
Отображение первого кадра видео в виде эскиза:
Добавьте
preload="metadata"
в свой тег видео и второй из первого кадра#t=0.5
в источник видео :источник
#t=0.5
. Скажем, если вам нужен эскиз из t = 8, тогда видео будет начинаться с 8-й секунды, что не идеально, не так ли :)Если вы хотите, чтобы первый кадр видео был эскизом, вы можете использовать
ПРИМЕЧАНИЕ: убедитесь, что ваш тип видео (например, mp4, ogg, webm и т. Д.)
источник
Кажется, там показывается дополнительное изображение.
Вы можете попробовать использовать это
Теперь с помощью jQuery воспроизведите видео и скройте изображение как
источник
$('video').play();
:)источник
источник
1) добавьте следующий jquery:
примечание: в первый src (показанный) добавьте исходную ссылку на YouTube.
2) отредактируйте тег iframe как:
примечание: скопируйте и вставьте идентификатор видео YouTube после вставки / в iframe src.
источник