Apakah ada cara untuk mengatur gambar thumbnail pada video HTML5? Saya ingin melihat beberapa gambar sebelum bermain. Kode saya terlihat seperti ini:
<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>
Terima kasih!
html
html5-video
preloading
Ivijan Stefan Stipić
sumber
sumber
Tampilkan Video Anda Bingkai Pertama sebagai Thumbnail:
Tambahkan
preload="metadata"
ke tag video Anda dan yang kedua dari bingkai pertama#t=0.5
ke sumber video Anda :sumber
#t=0.5
. Katakanlah jika Anda menginginkan thumbnail dari t = 8 dengan baik maka vid akan mulai dari detik ke-8 yang tidak ideal kan :)Jika Anda ingin bingkai video pertama sebagai thumbnail, daripada yang dapat Anda gunakan
CATATAN: pastikan tentang jenis video Anda (mis .: mp4, ogg, webm dll)
sumber
Sepertinya ada gambar tambahan yang ditampilkan di sana.
Anda dapat mencoba menggunakan ini
Sekarang menggunakan jQuery, putar video dan sembunyikan gambar sebagai
sumber
$('video').play();
:)sumber
sumber
1) tambahkan jquery di bawah ini:
catatan: di src pertama (ditampilkan) tambahkan tautan youtube asli.
2) edit tag iframe sebagai:
Catatan: copy paste id video youtube setelah embed / di iframe src.
sumber