在博客中有时候我们会想要插入一些外链来丰富博客的内容，比如音乐、视频等，这篇博客尽可能多地加入和测试这些外链，并优化其在博客中的样式及排版。
音乐
网易云音乐
但需要注意的是，生成的外链代码粘贴到文章里时，需要为宽高的数值加上引号，不然解析时会被当成文本处理，如下：
<!-- before -->
<iframe frameborder="no" border="0" marginwidth="0"
marginheight="0" width=330 height=86
src="//music.163.com/outchain/player?type=2&id=4340800&auto=1&height=66">
</iframe>
<!-- after -->
<iframe frameborder="no" border="0" marginwidth="0"
marginheight="0" width="330" height="86"
src="//music.163.com/outchain/player?type=2&id=4340800&auto=1&height=66">
</iframe>
当然，你会发现很多歌曲因为版权保护无法生成外链，其实想要引用，办法还是有的，但是因为涉及版权问题，这里就不讨论了，自己研究去吧 :p
视频
Youtube
Youtube 的嵌入代码直接使用就可以了 (当然，前提是需要科学上网 
)。
优酷视频
通过 iframe 引入时，同样需要修改一下格式，例如加上引号等 (如果觉得太小，可以给视频类的宽度设为 100%)，如下：
<!-- before -->
<iframe height=498 width=510
src='https://player.youku.com/embed/XMzA0MTU5MzQ1Ng=='
frameborder=0 'allowfullscreen'></iframe>
<!-- after -->
<iframe height="498" width="100%"
src='https://player.youku.com/embed/XMzA0MTU5MzQ1Ng=='
frameborder="0" allowfullscreen></iframe>
如果是通过 embed 引入的，需要浏览器启用 flash，同时去掉闭合标签及设置宽度等，如下：
<!-- before -->
<embed src='https://player.youku.com/player.php/sid/XMzA0MTU5MzQ1Ng==/v.swf'
allowFullScreen='true' quality='high'
width='480' height='400' align='middle'
allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
<!-- after -->
<embed src='https://player.youku.com/player.php/sid/XMzA0MTU5MzQ1Ng==/v.swf'
allowFullScreen='true' quality='high'
width='100%' height='400' align='middle'
allowScriptAccess='always' type='application/x-shockwave-flash'>
腾讯视频
使用方法和上面是一样的，如下：
<!-- before -->
<iframe frameborder="0" width="640" height="498"
src="https://v.qq.com/iframe/player.html?vid=p03251eyz0k&tiny=0&auto=0"
allowfullscreen></iframe>
<!-- after -->
<iframe frameborder="0" width="100%" height="498"
src="https://v.qq.com/iframe/player.html?vid=p03251eyz0k&tiny=0&auto=0"
allowfullscreen></iframe>
bilibili
B 站的嵌入代码可以给它加个宽高，不至于那么小，如下：
<!-- before -->
<iframe src="//player.bilibili.com/player.html?aid=19388000&cid=31616791&page=1"
scrolling="no" border="0" frameborder="no"
framespacing="0" allowfullscreen="true">
</iframe>
<!-- after -->
<iframe width="100%" height="498"
src="//player.bilibili.com/player.html?aid=19388000&cid=31616791&page=1"
scrolling="no" border="0" frameborder="no"
framespacing="0" allowfullscreen="true">
</iframe>