如何在文章和课程中嵌入来自优酷、腾讯视频、喜马拉雅等的内容

无论你是博客作者，还是在线教学设计师，你都是在做网络信息的创造和整合者。我们要善于发现网络有价值的信息，然后整合到相关文章、课程、论坛帖子中合适的地方。

若是Youtube、Vimeo、Soundcloud、Spotify、Issuu、TED等内容，只需一个url链接直接单独成行即可通过oEmed嵌入。但国内的一些内容平台，其分享度没有那么灵活。若要分享到我们的教学管理系统，需要我们采用一些更多的步骤。但作为教学设计师或作者，只要能给学员或读者带来好的学习体验和内容接受，是不会在乎这多余的几步的。

优酷、腾讯视频、喜马拉雅等内容提供商，只要在分享那里提供有“通用代码”，均可通过插入特殊的shortcode插入到我们的文章、课件、论坛帖子、维基文档、创意等地方。

示例如下：（峻茂学币余额$1200以上可见）

[mycred_show_if balance=1200]

步骤一 找到需要插入的视频或音频等内容。如：

https://v.qq.com/x/page/i01180i3051.html

你当然可以通过直接通过超链接的方式将内容加入，但不利于学习和阅读的体验，因为这要求受众要点击并打开另外的页面，造成不必要的干扰。

步骤二 找到分享的按钮。

步骤三 选取复制通用代码，并将其复制了。

比如上述视频的代码拷贝粘贴后是如此：

<iframe frameborder="0" width="640" height="498" src="https://v.qq.com/iframe/player.html?vid=i01180i3051&tiny=0&auto=0" allowfullscreen></iframe>

你可以将此网址顺手复制在一个note或写字板，甚至就是你正在编辑的文章中（用后可以删除的哦）。

步骤四 点击编辑器上面的Add Advanced iFrame按钮。

你可以获得一行shortcode如下（目前有个小bug，当你点击的时候，会自动打开上传多媒体内容的页面，直接关闭即可）：

[ advanced_iframe securitykey="3227ea6da7626a7683f922651f4eb6cc83615db2" src="//www.tinywebgallery.com" width="100%" height="500"]

步骤五 你只需将步骤三中获取的那行代码中src=” “中的部分内容拷贝到刚才插入的步骤四中双引号后面中替换即可。比如，在我们案例中，替换后的src=后面是这样的：

src="https://v.qq.com/iframe/player.html?vid=i01180i3051&tiny=0&auto=0" width="100%"

步骤六 见证奇迹的时刻。你只需要保存或update即可看到插入的视频了。比如，我们通过上述步骤后，最终得到的结果是这样的(如何去除广告，事关银子的事，技术上可暂时忽略）：

[advanced_iframe securitykey=”3227ea6da7626a7683f922651f4eb6cc83615db2″ src=”https://v.qq.com/iframe/player.html?vid=i01180i3051&tiny=0&auto=0″ width=”100%” height=”500″]

其他重要提示

1）若是优酷，其提供的通用分享代码src后的内容课程事这样：

src=’http://player.youku.com/player.php/sid/XMjUxNjQ3MDYxMg==/v.swf’

如此，你建议你拷贝的是单引号后面的部分一直到两个等号结束。即：

http://player.youku.com/player.php/sid/XMjUxNjQ3MDYxMg==

2）若是编辑器里面没有那个“Add Advanced iFrame”的按钮，可以将第三步的代码另存在text或note里，到时候要用时便可粘贴过去，然后再粘贴视频分享代码中的相关部分(尤其要检查中括号里与其他代码之间没有空格，如”[advanced”, 非”[ advanced”,若你要拷贝步骤四里面的代码，记得使用时将中前中括号与a之间的空格删除）。如此，你便可以在论坛、创意、维基文档、问答等很多地方分享。