0

Hello to anyone that uses gatsbyJS, would there be anyway to use a gatsby image with the blur up or traced view to serve as a video poster?

<video controls poster="/images/w3html5.gif">
  <source src="movie.mp4" type="video/mp4">
</video>

I believe poster only takes in a url so I am guessing this is not possible but I am curious if I am missing something. Thank you!

omee33
  • 5
  • 4

2 Answers2

0

The Gatsby Image API does not work on video, but there is a separate section of the Gatsby docs that deals with video

Michael C
  • 339
  • 4
  • 19
  • Yes thank you I have read through that but they don't address how one might use something like gatsby image for the html5 video component. Thanks! – omee33 Feb 28 '20 at 04:32
0

I was trying to achieve the same, now I'm thinking to make a timeout function. To have a screenshot that shows the blur effect, than will make it disappear and have the video right behind, sounds like a bit of a work though and not 100% sure will end up right.

Vincenzo
  • 375
  • 3
  • 15