Sometimes, we want to set the thumbnail image on an HTML5 video.
In this article, we’ll look at how to set the thumbnail image on an HTML5 video.
How to set the thumbnail image on an HTML5 video?
To set the thumbnail image on an HTML5 video, we set the poster attribute.
For instance, we write
<video width="470" height="255" poster="placeholder.png" controls>
<source src="video.mp4" type="video/mp4" />
</video>
to set the poster attribute to the URL of the thumbnail image.
Conclusion
To set the thumbnail image on an HTML5 video, we set the poster attribute.
