hexo中插入视频

摘要: 本文介绍在 hexo 中插入视频的方法。

【对数据分析、人工智能、金融科技、风控服务感兴趣的同学，欢迎关注我哈，阅读更多原创文章】
我的网站：潮汐朝夕的生活实验室
我的公众号：潮汐朝夕
我的知乎：潮汐朝夕
我的github：FennelDumplings
我的leetcode：FennelDumplings

---

作为对比，可以参考 hexo中插入音乐。

Markdown 通用的音乐视频插入方法

(1) video 标签

<video src='https://chengzhaoxi.oss-cn-beijing.aliyuncs.com/视频/历史.mp4' type='video/mp4' controls='controls'  width='50%' height='50%'></video>

(2) iframe 标签

以 B 站为例，选择分享视频中的【嵌入代码】，即可得到类似下面这样的 iframe。

<iframe src="//player.bilibili.com/player.html?aid=928530008&bvid=BV1ET4y1N7JH&cid=279979337&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

使用 Hexo 插件插入音乐/视频

有两个插件，一个是播放音乐的 aplayer，一个是播放视频的 dplayer。

aplayer 的例子参考: aplayer插入音乐。

• hexo-tag-aplayer：https://github.com/grzhan/hexo-tag-aplayer
• hexo-tag-dplayer：https://github.com/NextMoe/hexo-tag-dplayer

npm install hexo-tag-aplayer --save
npm install hexo-tag-dplayer --save

写法例子

{% raw %}
<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;">
<iframe src="//player.bilibili.com/player.html?aid=90978812&cid=155358422&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>
{% endraw %}

---