3.12插件hexo-tag-dplayer

发表于 分类于 ， ， 阅读次数： 本文字数： 1.6k 阅读时长 ≈ 1 分钟

插件hexo-tag-dplayer

安装

1
npm install hexo-tag-dplayer --save

使用

代码（md文档直接显示）

1
{% dplayer "url=http://www.nenu.edu.cn/_upload/article/videos/03/5f/7c999eed42e3aadc413d7f851f0e/0f50b3eb-9285-41d2-ac4d-6cc363651aad_B.mp4"  "autoplay=true" "preload=metadata" "hotkey=true" %}

代码：（优酷视频）

1
<iframe height=498 width=510 src='https://player.youku.com/embed/XMjk4ODAyMzIyOA==' frameborder=0 'allowfullscreen'></iframe>

说明

选项 默认值 描述
url 必须值 视频地址
loop false 视频循环播放
volume 0.7 播放器音量
hotkey true 开启热键
autoplay true 自动播放，移动端浏览器暂时不支持此功能
logo - 在左上角展示一个 logo，你可以通过 CSS 调整它的大小和位置
mutex true 该选项开启时，如果同页面有其他播放，该播放器会暂停
highlight [] 自定义进度条提示点
preload auto 视频文件预载入模式，可选项： none, metadata, auto
theme #ad7a86 播放器风格色彩设置

如果使用腾讯视频、优酷视频等在线视频网站的资源，需要先进行视频地址解析，获取到实际的视频地址。

播放本地视频

把本地视频放到public目录中，修改url就好

1
{% dplayer 'url=/123.mp4' "id=someid" "api=https://api.prprpr.me/dplayer/" "addition=/some.json" 'code=player.on("loadstart",function(){console.log("loadstart")})' %}

官网

DPlayer

MoePlayer/hexo-tag-dplayer: Embed dplayer in Hexo posts/pages (github.com)

相关文章推荐