Docs: new page on Working With Video

[marcysutton]

Summary

As part of improving the docs for common Gatsby workflows, one gap I noticed in the Images and Files documentation is around working with video (and audio?).

There is a new stub file coming that will include a few video suggestions, however, it should be filled out more with additional tips on video best practices in Gatsby sites (especially if there are any new plugins or techniques that do things "The Gatsby Way", which there aren't right now).

Things a video doc should include:

• How to source hosted video files: copying embeds from Youtube, Vimeo, etc.
  • Including a title attribute on the iframe for accessibility
• Hosting your own video files
  • A bit on codecs and formats
  • Streaming advice?
• Sourcing video files with GraphQL
• Techniques for embedding video in Gatsby/React sites
  • Creating a reusable video player component
  • Controls and options with the HTML5 video tag
  • Encouraging use of captions and subtitles
• Recommended video players for React
  • Paypal: https://github.com/paypal/accessible-html5-video-player#react-version

[janosh]

Definitely mention gatsby-remark-embed-video.

[marcysutton]

Closed with #12906.