0

Is there a way to display pre-play images on a video without using the poster attribute in ? I've seen examples where the video displays a preplay image without the poster attribute, and am curious how it is done.

See example: https://jsfiddle.net/vanhong/pd3Lteys/

<video width="320" height="240" controls>
<source src="http://player.progressionstudios.com/wp-content/uploads/2013/07/big_buck_bunny.mp4" type="video/ogg"> 
</video>

When I add a video without poster, I've been getting black screen.

My client is still creating their videos, so if it's a setting added to the native file during the video editing process, I have the chance to have them do this now before giving to me to upload.

This post suggests that some browsers may be picking up the first frame by default, but this is not happening for me.

VC.One
  • 14,790
  • 4
  • 25
  • 57
hedgehogsweater
  • 1
  • https://stackoverflow.com/a/39231763/2813224 – zer00ne Jul 03 '19 at 17:30
  • What are you trying to achieve... **(1)** Have some `` tag that when clicked becomes a ` – VC.One Jul 03 '19 at 18:23
  • @VC. Goal is (2). Using the poster attribute to video adds both to my workflow (creating an image from the video) and media storage space. I was curious how the video in my example displayed a pre-play image with no poster attribute. – hedgehogsweater Jul 03 '19 at 19:03
  • Thanks @zer00ne. This snippet is *exactly* what I needed. `` – hedgehogsweater Jul 03 '19 at 19:58

0 Answers0