Hexo blog insert video

文章描述

参考链接

GitHub - MoePlayer/hexo-tag-dplayer: Embed dplayer in Hexo posts/pages

指南 | DPlayer

1. 安装插件

在博客目录使用 --save安装

npm install hexo-tag-dplayer --save

2. 使用

方法一：

{% dplayer

"url=/videos/test.mp4"
"autoplay=true"
"width=50%"
"height"="50%"
"theme=#FFFFFF"
"hotkey=true"
"volume=0.7"
"mutex=true"
<!-- 水印 -->
"logo=/videos/logo.jpg"
<!-- 封面 -->
"pic=/videos/pic.png"
<!-- 缩略图(不好用好像) -->
"thumbnails=/videos/thumbnails.jpg"

%}

以上能用但不是很好用，找到一个替代hexo-tag-mmedia

3. 更新使用 hexo-tag-mmedia

1. 卸载 hexo-tag-dplayer

npm uninstall hexo-tag-dplayer

2. 安装hexo-tag-mmedia

npm install hexo-tag-mmedia --save

3. 配置

参考连接

hexo-tag-mmedia | Easy Hexo 👨‍💻

GitHub - u2sb/hexo-tag-mmedia: hexo插入aplayer、meting、dplayer、bilibili、哔哩哔哩、西瓜视频 标签

hexo-tag-mmedia | 帅比网

Dplayer官方中文教程

格式

{% mmedias "dplayer" "url:/videos/test.mp4" "pic:/videos/pic.png" "logo:/videos/logo.jpg" "thumbnails:/videos/thumbnails.jpg" %}

{
    highlight: [
        {
            time: 5,
            text: '这是第 5 秒',
        },
        {
            time: 8,
            text: '这是 8 秒',
        },
    ]
}

{% endmmedias %}