环境:宝塔面板、LNMP

安装 nodejs

#下载安装包
wget -c https://nodejs.org/dist/v15.11.0/node-v15.11.0-linux-x64.tar.xz

#解压缩
tar -xvf node-v15.11.0-linux-x64.tar.xz

# 重命名
mv node-v15.11.0-linux-x64 nodejs

# 创建软连接,放在 /usr/local/bin 文件夹下
ln -s 安装目录/nodejs/bin/node /usr/bin/node
ln -s 安装目录/nodejs/bin/npm /usr/bin/npm

# 查看版本
node -v
npm -v

安装 Plyr

npm install plyr
  • 至此安装完毕

在网页上部署注意事项

  • 在 </body> 标记之前添加 plyr.js 脚本
  • 在 <head> 标签中引入 plyr.css 样式。
  • 快速开始
<!--HTML5 视频-->
<video poster="/path/to/poster.jpg" controls>
  <source src="/path/to/video.mp4" type="video/mp4">
  <source src="/path/to/video.webm" type="video/webm">
  <!-- Captions are optional -->
  <track kind="captions" label="English captions" src="/path/to/captions.vtt" srclang="en" default>
</video>
本文结束感谢您的阅读
本文作者:
文章标题:部署Plyr:一个轻量级的 HTML5 播放器
本文地址:https://nucofe.com/index.php/archives/53/
版权说明:若无注明,本文皆Scavenger原创,转载请保留文章出处。
最后修改:2021 年 04 月 07 日 04 : 58 PM