Media elements like images, videos, and GIFs in blog posts and websites are becoming prominent day by day. Also, Gatsby-powered websites are the recent trend and people are very excited about #JAMstack.
When we talk about embedding/rendering these media elements we find different ways of doing it. Moreover, the process is not the same. It varies from one framework to another.
Talking about Gatsby specifically, then videos can be embedded either through a custom solution or by using remark plugins.
I’ll be sharing an easier way of doing it. There is this incredible Gatsby plugin called gatsby-remark-embed-video which helps you embed videos from multiple video hosts like YouTube, Vimeo, etc.
I have written an in-depth tutorial where you can learn the entire process. You can find it here →
Go through it and trying adding videos yourself. Let me know if you come across any difficulty. I’ll be glad to assist.
I also tweeted about it and you can follow me @MaeadhBatool
⚡️ Videos are rendered differently and the process varies from one framework to another.
Learn how to embed videos in your @Gatsbyjs sites
🔘 Use `gatsby-remark-embed-video` plugin
🔘 With easy config options
— Maedah Batool (@MaedahBatool) October 9, 2019