Embedding explainers

An explainer doesn't have to live on scrimba.com. Any explainer you can link to, you can embed: paste its embed code into your page and the full player runs inside it, narration and all. This very docs site does it on every Python chapter.

Getting the embed code

Open the explainer, click the cog icon in the bottom-right corner of the player, and choose Copy embed code. That puts an iframe on your clipboard:

<iframe src="https://scrimba.com/explain/guide098kq1ukg" width="800" height="450" style="border:0" allow="autoplay; fullscreen" allowfullscreen></iframe>

Paste it wherever your site takes HTML: a blog post, a docs page, a CMS block. Set width and height to whatever suits your layout, in pixels or a percentage. Give it a generous height: slides with a quiz or a long code block need the room, and a short frame crops them.

Here it is running on this page:

What viewers see

Visitors don't need a Scrimba account to watch an embedded explainer. The visibility rules are the same as for the link itself: a public or unlisted explainer plays for everyone, while a private one only plays for people it's shared with, so set your explainer to at least unlisted before embedding it.

Each lesson in a playlist is a normal explainer with its own URL and its own embed code, so you can embed one lesson or several.