Set Thumbnail image on HTML5 video

[MarPlo]

Is there a way to set thumbnail image on HTML5 video?
I want to display some pictures before play. My code looks like this:

Code: Select all

<video width="500" height="280" controls>
  <source src="video.mp4" type="video/mp4">
  <source src="video.ogg" type="video/ogg">
</video>

Just add the poster="image.png" attribute to the video tag.

Code: Select all

<video width="500" height="280" poster="your_image.png" controls>
  <source src="video.mp4" type="video/mp4">
  <source src="video.ogg" type="video/ogg">
</video>