html video tag thumbnail code example
Example 1: video tag thumbnail
<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>
Example 2: 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.
Example 3: thumbnail video in html
<!DOCTYPE html>
<html lang=en>
<head>
<title>Alison falling out of bed on Medium</title>
</head>
<body>
<h1>Alison falling out of bed on Medium</h1>
<video poster="PreviewImage.jpeg" width="640" height="480" controls="controls">
<source src="AlisonFallingOutOfBed.webm" type="video/webm" />
<source src="AlisonFallingOutOfBed.mp4" type="video/mp4" />
<source src="AlisonFallingOutOfBed.theora.ogv" type="video/ogg" />
Bummer, your browser does not support the video tag.
</video>
</body>
</html>