Skip to content
This page has been auto-translated and may contain errors.View in English

嵌入 explainer

explainer 不一定非要放在 scrimba.com 上。任何你能链接到的 explainer,都可以嵌入:把它的嵌入代码粘贴到你的页面里,完整的播放器就会在页面内运行,配音之类的一样不少。这个文档网站本身在每一章 Python 内容里都是这么做的。

获取嵌入代码

打开 explainer,点击播放器右下角的齿轮图标,选择复制嵌入代码。这会把一段 iframe 代码复制到你的剪贴板:

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

把它粘贴到你网站上任何支持 HTML 的地方:博客文章、文档页面、CMS 区块都行。把 widthheight 设置成适合你布局的数值,用像素或百分比都可以。高度要留得宽裕一些:如果幻灯片里有测验或者长代码块,就需要更多空间,太矮的框架会把内容裁掉。

下面就是它在本页运行的效果:

观众能看到什么

访客不需要 Scrimba 账号就能观看嵌入的 explainer。可见性规则和链接本身的规则是一样的:**公开(public)不公开列出(unlisted)的 explainer 对所有人都能播放,而私密(private)**的只对被分享到的人播放,所以在嵌入之前,至少要把你的 explainer 设置成 unlisted。

播放列表里的每一课都是一个普通的 explainer,有自己的 URL 和自己的嵌入代码,所以你既可以只嵌入一课,也可以嵌入好几课。