往帖子里添加动图、嵌入视频和音频（附送我的吉他口琴弹唱视频和录音音频）

dapeng (68)in #cn • 7 years ago (edited)

This post is a contribution to the open source project Steem Handbook. Details could be found in the post Steem Handbook Calls for Support.

《Steem 指南》初级篇即将完工，只差本文。本文的内容在某些旧帖里有涉及，但信息比较旧，而且我们迟迟无法得到原作者的授权。为此，我写了本文。

插入动图 gif

往帖子里插入 gif 动图的方法与插入普通图片完全相同。如果是本地的动图，只需把动图文件拖入 steemit.com 发帖的编辑窗口即可。如果是网上的动图，那么只需使用markdown 插入图片的语法即可：

![](图片链接)

下面是个例子：

预览的效果是：

嵌入视频

steemit.com 支持两家网站的视频嵌入到帖子里：youtube 和 vimeo。其中，youtube最为常用，插入方法很简单：直接把视频的超级链接粘贴到帖子里即可。下面是个例子：

@dapeng 的吉他口琴弹唱：
https://www.youtube.com/watch?v=N4rTR2WTLsM

帖子出现的就是：

@dapeng 的吉他口琴弹唱：

点击上面的播放键就可以直接播放了。

这种插入方法优点是省事，缺点是移植性差：只有 steemit 等少数几个网站会把帖子里这个网址自动渲染成嵌入视频。如果把帖子的文本原样贴到别的软件或网站的话，多半只会显示这个链接。从通用性的角度考虑，比较安全的做法是使用标准的嵌入代码。

在上述示例的 youtube 视频播放页，点击播放窗口右下方的“分享”按钮，在弹出窗口点击“嵌入”，就会出现一段嵌入代码。

<iframe width="560" height="315" src="https://www.youtube.com/embed/N4rTR2WTLsM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

把这段代码复制粘贴到帖子里即可。

对于其他视频网站，steemit 暂不支持直接嵌入，只能将视频的链接粘贴到帖子里。

嵌入音频

steemit.com 仅支持一家网站的音频嵌入到帖子里：SoundCloud 。方法如下：

搜索或上传音乐或声音。
打开目标声音的页面。
点击 'share' 按钮。
点击窗口顶部的 'Embed'，就得到了代码。
将代码拷贝粘贴到帖子里。

例如，搜索“成都 dapeng”，得到的嵌入代码是：

<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/347459247&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>

将这段代码粘贴到帖子里，就得到：

点击上面的播放键就可以直接播放了。

下面是一段动画，演示如何查找和嵌入。

对于其他音频网站，steemit 暂不支持直接嵌入，只能将音频的链接粘贴到帖子里。

本图由 @maiyude 设计

往帖子里添加动图、嵌入视频和音频（附送我的吉他口琴弹唱视频和录音音频）

插入动图 gif

嵌入视频

嵌入音频

Coin Marketplace