JASON HUNG'S BLOG

因为平时编辑用的是StackEdit，所以基本的功能都具备了，也不用再另外学习代码什么的。在这里就记录一下我额外学习的嵌入代码。目前涉及的主要是Markdown兼容的Html5代码，参考的是W3School上的教程。

1. 插入音乐

   首先你必须获取音乐的直链，推荐HHTJim的外链转换工具，基本覆盖解析国内各大音乐平台。插入代码是：

   audio src="外链地址" controls="controls"
</audio>

2. 插入视频

   视频的话，各大平台像Youtube、Youku都有分享外链的功能。所以直接复制到Markdown就行了。但是有一个问题，以Youtube为例，在PC端显示的嵌入代码有固定的iframe长宽，这在移动端会破坏布局。解决各终端平台尺寸自适应的代码如下：

   <div style="max-width:640px; margin:0 auto 10px;" >
<div
style="position: relative;
width:100%;
padding-bottom:56.25%;
height:0;">
<iframe style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" src="https://www.youtube.com/embed/******" frameborder="0" allowfullscreen></iframe>
</div>
</div>

（未完待续）