Html video image

<video controls poster="/images/w3html5.gif">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

How to display the first frame of the video element in html

Try appending  #t={seconds} to the end of your src value. Here's an example:

<video width="300" height="150">
   <source src="testvideo.mp4#t=0.1" type="video/mp4" />
</video>

It works fine on Chrome/Firefox and many other browsers.

Source: stackoverflow.com

Similar codes

20 votes271 views3 answers
Class hidden
Html
1 vote268 views2 answers
Check html
Html
0 vote251 views1 answer
Can you stop prettier from line wrapping html
Html
1 vote265 views1 answer
Jquery specific child by index
Html
0 vote282 views1 answer
Prettier not formatting HTML files in VS Code
Html
0 vote240 views1 answer
Pop up animation css
Html
0 vote226 views3 answers
Html css js uncaught typeerror: cannot set property 'innertext' of null
Html
0 vote263 views1 answer
Resize element with content html
Html
7 votes280 views3 answers
Enter key vue
Html
0 vote263 views1 answer
Html multiple file upload
Html