Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[docs] document component for HTML5 videos

See original GitHub issue

Similar to gatsby-image, I think a separate package (gatsby-video) should be made for HTML5 videos, as they have several quirks to get over with, including:

Using an aspect ratio box as a container for video elements to limit the amount of browser re-rendering tasks
Setting a poster (thumbnail) for videos while letting them be preloaded
- Using the poster attribute on its own is not enough, because if a video gets preloaded, then the poster gets substituted by a still clip from the video
- Thumbnails should be available in multiple (responsive) sizes, which is not yet possible with the poster attribute

I would like to propose some ideas for components to be used in gatsby-video:

Using the Video components should be as easy as using gatsby-image.

Issue Analytics

State:
Created 6 years ago
Reactions:22
Comments:20 (15 by maintainers)

Top GitHub Comments

13reactions

Mike-Daxcommented, Mar 28, 2019

~My apologies everyone, I haven’t had time to clean it up or actually publish it, you know how life can be. I’ve uploaded all the code however, it’s functional - this holidays I’ll have time to do so.~

~You’ll just need to install it manually instead of via npm.~

You can install gatsby-remark-videos via npm now.

https://github.com/Mike-Dax/gatsby-plugin-ffmpeg https://github.com/Mike-Dax/gatsby-remark-videos

10reactions

Mike-Daxcommented, Sep 26, 2018

@pablasso I did, let me clean it up and I’ll publish it.