Hexo 博客插入视频的方法

[转载]

文章作者: 邓小闲
文章链接: https://rimbaud-lee.github.io/2021/08/25/blog_deploy_1/

环境

博客框架：Hexo 主题：Butterfly

方法一：安装hexo-tag-dplayer 插件

安装

在博客根目录中，打开 Git Bash ，执行以下命令。

1	npm install --save hexo-tag-dplayer

使用

1
2
3

{% dplayer key=value ... %}
例：
{% dplayer "url=http://xxxxxxxxxxxxxxxxxxx.mp4"  "autoplay=true" "preload=metadata" "hotkey=true" %}

相关选项列表如下所示

选项	默认值	描述
id	必须值	歌曲 id / 播放列表 id / 相册 id / 搜索关键字
server	必须值	音乐平台: netease, tencent, kugou, xiami, baidu
type	必须值	song, playlist, album, search, artist
fixed	false	开启固定模式
mini	false	开启迷你模式
loop	all	列表循环模式：all, one,none
order	list	列表播放模式： list, random
volume	0.7	播放器音量
lrctype	0	歌词格式类型
listfolded	false	指定音乐播放列表是否折叠
storagename	metingjs	LocalStorage 中存储播放器设定的键名
autoplay	true	自动播放，移动端浏览器暂时不支持此功能
mutex	true	该选项开启时，如果同页面有其他 aplayer 播放，该播放器会暂停
listmaxheight	340px	播放列表的最大长度
preload	auto	音乐文件预载入模式，可选项： none, metadata, auto
theme	#ad7a86	播放器风格色彩设置

注！

url 后可插入本地视频地址，也可以插入在线视频地址。需要注意的是，

如果是本地视频，文件大小不得大于 100M ，最好小于 50M 。这是 GitHub 对文件传输的大小限制。若文件大于 100M ，GitHub 会中止你的提交进程，引发报错（在第二篇中会详细介绍）。若文件大于 50M，GitHub 会向你提出警告，不过是可以成功提交的。
如果是在线视频，如腾讯视频、优酷视频这类在线视频网站的资源，需要先进行视频地址解析，获取到实际的视频地址。然而网上的视频解析网站是少之又少，多数都是绕过网站的会员限制，通过实际的视频地址，实现视频的无限制播放。基本上没有只是将视频地址解析成实际地址，并提供给用户的工具型网站。