1 min read

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

原文链接: steemit, cnsteem, busy, chainbb, steemdb, steemd, busy, markdown

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 插入图片的语法即可:

![](图片链接)

下面是个例子:

![](https://steemitimages.com/0x0/https://steemitimages.com/DQmXbiU6jS6D53RA2sUDX63K2511ENqzJUe3ak81dwf3v56/2017-07-25_sunset.gif)

预览的效果是:

嵌入视频

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

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

帖子出现的就是:

@dapeng 的吉他口琴弹唱:

https://www.youtube.com/watch?v=N4rTR2WTLsM

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

这种插入方法优点是省事,缺点是移植性差:只有 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 。方法如下:

  1. 搜索或上传音乐或声音。
  2. 打开目标声音的页面。
  3. 点击 ‘share’ 按钮。
  4. 点击窗口顶部的 ‘Embed’,就得到了代码。
  5. 将代码拷贝粘贴到帖子里。

例如,搜索“成都 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 设计

相关链接: