hexo 中插入视频音频的方法

都使用iframe标签。音乐或视频下的分享 -> 复制 iframe 通用代码 -> 粘贴进来,这样就可以了。

// 其中,width="100%" height="580" <- 这种效果不好,请参看下方官方示例代码效果。

插入网易云音乐

1
2
3
{% raw %}
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=167655&auto=1&height=66"></iframe>
{% endraw %}

插入 bilibili 视频

1
<iframe src="//player.bilibili.com/player.html?aid=26884158&cid=46285677&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%"  height="580" quality="high" > </iframe>
▲ 这样直接插入的代码手机端不能自适应,效果不完美。
1
2
3
4
<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;"><iframe 
src="//player.bilibili.com/player.html?aid=39807850&cid=69927212&page=1" scrolling="no" border="0"
frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%;
height: 100%; left: 0; top: 0;"> </iframe></div>
官方网站中这里有插入一个 bilibili 视频,通过右键 -> 查看源码,将格式代码抄过来;自己替换掉 src 路径就可以了。

插入腾讯视频

1
2
3
4
<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;"><iframe 
src="https://v.qq.com/txp/iframe/player.html?vid=t0028bp4lsn" scrolling="no" border="0"
frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%;
height: 100%; left: 0; top: 0;"> </iframe></div>

插入 youku 视频

1
2
3
4
<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;"><iframe 
src="//player.youku.com/embed/XMzc5ODM0NDE2MA==" scrolling="no" border="0"
frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%;
height: 100%; left: 0; top: 0;"> </iframe></div>

插入微博秒拍视频

通过这里发现了一个视频原地址解析的网站,把秒拍的真实地址提取出来。 // 这个方法好像不行,可以用来下载。如果微博中插入的视频是秒拍的,可以右键提取到秒拍地址。如果是直接从微博上传的好像没有固定地址。

下面这个是有秒拍地址的视频:

hexo 关于{% raw %}

一些内容不想被主题渲染,可以使用该标签呈现原始状态。可查看官网标签插件说明。

1
2
3
{% raw %}
content
{% endraw %}
感谢支持!