Hexo-为博客增加Dplayer视频播放插件

摘要：

为博客文章增加视频播放功能，如我的博客文章：bilibli~后浪 所示。

Dplayer功能插件

一个将diygod的dplayer运行在hexo的插件

项目地址：https://github.com/MoePlayer/hexo-tag-dplayer

简单使用：

1. npm install hexo-tag-dplayer –save
2. 简单使用：（以bilibili为例）

• 打开一个视频，鼠标移至’分享’处。
• 选择’嵌入代码’，点击复制。
  样式如下：

  <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>

  效果如下：

另外可选择设置大小宽高：

<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仓库

另外插入方式：

{% 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 许可协议进行许可。转载请注明出处！

赏

Thank you for your support and encouragement

支付宝

微信