摘要:
为博客文章增加视频播放功能,如我的博客文章:bilibli~后浪 所示。
Dplayer功能插件
一个将diygod的dplayer运行在hexo的插件
简单使用:
- npm install hexo-tag-dplayer –save
- 简单使用:(以bilibili为例)
- 打开一个视频,鼠标移至’分享’处。
- 选择’嵌入代码’,点击复制。
样式如下:效果如下:1
<iframe src="//player.bilibili.com/player.html?aid=71816014&bvid=BV11E411k76T&cid=124600873&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
另外可选择设置大小宽高:
1 | <iframe height=600 width=1000 src="//player.bilibili.com/player.html?aid=71816014&bvid=BV11E411k76T&cid=124600873&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> |
修改大小宽高后显示效果如下:
具体实现,可进入上方给出的GitHub地址进行查看,这只是简单的实现。
最后,看完博文操作完成后可以顺便欣赏下B站UP主【小仙若】的优美舞姿😋
存在些许不足和bug,
适配问题未解决,视频大小固定不适配。待更新..
该插件插入方式..详见GitHub仓库
另外插入方式:
1 | {% dplayer key=value ... %} |
详细介绍,➡GitHub仓库内。
本文作者:
GH670
发布时间: 2020-05-06
最后更新: 2020-05-11
本文标题: Hexo-为博客增加Dplayer视频播放插件
本文链接: www.wblog.tech/hexo-dplayer.html
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
发布时间: 2020-05-06
最后更新: 2020-05-11
本文标题: Hexo-为博客增加Dplayer视频播放插件
本文链接: www.wblog.tech/hexo-dplayer.html
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
