nodebb-plugin-html5videoplayer 是一个简单的 NodeBB 插件,可以让 NodeBB 支持在线视频观看。Fork 自 @ogerly 开发的 nodebb-plugin-videoplayer, 在他的基础上做了一些微不足道的贡献,括弧笑。

原理

原理非常简单,将帖子中出现的:

<a href="xxx.mp4"></a>

标签转换为

<video preload controls>
  <source src="xx.mp4">
</video>

也就是完全通过 HTML5 提供的 video 标签来实现在线视频的观看功能。

区别

世上轮子千千万,我为什么要Fork原来的再造一个?

最关键的因素在于我跟原作者的理念不太一样,原作者除了插入 video 标签以外,还提供了一个固定在下面下方的播放器控制条。由于版本更迭,这个播放器控制条已经失效,CSS 样式也不再适用。因此我 Fork 了原作者的插件,并上传了一个新的插件,旨在提供更简单的在线视频视频集成功能。

跟原来版本的区别主要如下:

  • 纯粹的播放器,没有多余的功能,不会修改任何页面外观
  • 页面自适应,播放窗体会自适应当前页面大小,提供跨平台一致的体验
  • 更强的外链支持,可以引用外部的链接,不需要上传到论坛

安装

目前还不知道怎么提交到 NodeBB 的插件的中心,因此只能通过 npm 手动进行安装:

npm install nodebb-plugin-html5videopalyer

使用

使用起来非常简单,只需要在帖子中拖动上传视频

[video](/uploads/files/xyz.mp4)

或者直接输入引用的视频链接

[video](//aa.com/bb/cc.mp4)

目前仅支持mp4ogv,webm,mov这四种格式 引用的外链需要去掉协议头,否则无法正常解析

Demo

最后显示的效果可以参考这个链接: https://community.qingcloud.com/topic/556