Youtube Embed from Strapi to your website.

Right now, all of my blog posts and stuff are stored on a Strapi server (that is actually just running locally on my computer, it is not hosted anywhere). I might write about why I chose it later (it's been a gd journey deciding on the best way to store my blog posts), but for now, I like Strapi:) The editor that it comes with is sorta mid, so I installed an add-on that adds a CKEditor to be one of the data fields on a blog post, which is so cool. It lets you do things like align images in your strapi editor, so when your blog front end fetches the blog posts, the html it sends comes with some classes/css attached to them, so then it will style it exactly like in your blog interface. There are other features like image alignment, and being able to make tables, lists, and other html elements very easily. One of these elements is a youtube embed.

If you paste in a youtube video link into your CKEditor, it will automatically render out the iframe, which is super cool!

This is a music video I made with my cat

However, when you request the html from your front end. It sends you an object that looks like this.

console.log("hello world");

<oembed url="https://www.youtube.com/watch?v=Dd5wLLToNSw"></oembed>