HTML Embed

In this article you'll learn how to embed a Snipcast video anywhere on the web, like this one:

A link to a video is easy to skip. An embedded, autoplaying code animation isn't.

• Works Anywhere: Any site that accepts an <iframe> — your blog, your docs, your marketing site — can host your Snipcast video.
• Autoplay & Loop: Configure the embed to autoplay and loop, so it plays the moment a visitor scrolls to it.
• Always Up To Date: Update your project in Snipcast and the embed reflects the change everywhere it's published, no re-export needed.
• Copy & Paste: No SDK or script tag to install — just one <iframe> snippet.

Who is it for

Embedding via HTML is perfect for:

• Documentation Sites, showing a live code walkthrough right next to the docs it explains,
• Blog Posts, replacing a static screenshot with an animated one,
• Marketing Pages, dropping a product demo directly into a landing page.

How to Step-By-Step Guide

You can embed a video on your site within minutes:

1. Open the project you want to embed and make sure it's set to Public — private projects can't be embedded.
2. Click Embed, on your project.
3. Toggle Autoplay, Loop, and Hide Play Button to match how you want it to play.
4. Switch to the Code tab and click Copy to grab the <iframe> snippet.
5. Paste the snippet into your site's HTML, wherever you want the video to appear.

Next Up

Your Snipcast video is now live on your site!

Next step: Using Notion instead? Check out the Notion integration.