How to embed a Youtube video into your website (+autoplay/loop)🎥

Having a video within your site today has become massively more demanded by users. So here’s how:

1.) Embed a youtube video in your website. 🎦

Just paste this tag within your HTML, replacing the youtube video URL with your own (and also adjust your own width and height):

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>

2.) Have the video AutoPlay(start the video on load). ▶️

Add “?autoplay=1” to the end of your youtube URL:

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1">
</iframe>

3.) Have the video continuously Loop (for ex. as a background vid) 🔁

Add “&loop=1” to the end of your youtube URL:

<iframe width=”420" height=”315"
src=”https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>

And Wala, you have successfully embedded a video onto your website! 😊

Thanks for reading! 👏 Please leave a clap if this helped. Also…

⚠️ 💻 IMPORTANT: If you’re building a website, it’s important you also think about:

1. 👥 Adding a thumbnail for sharing on social media:

How to add a website thumbnail for sharing your HTML site on social media (Facebook, LinkedIn …

2. 🎵 Play Audio on your HTML website

Load, Play, and Pause Audio or Songs in an HTML website 🎵

3. ✅ Free resources for images, icons, and more on your website

The secret of making a startup landing page for free in 2 hours (for Santander Summer Accelerator)

4. 🖼 Adding an icon to your website tab (HTML, favicon)

Adding an icon to your website tab (HTML, favicon) 💻🖼