uniapp使用videojs播放视频

文章目录

  • 基本配置和使用
  • 配置后使用遇到问题(m3u8格式视频)
    • 播放页面请求url后播放不了
    • 播放页面退出后,再进入出错
    • 设置播放按钮位置

基本配置和使用

官方的文档
简单来说:

  1. 直接复制模板文件index.html,放在跟目录下
  2. 在manifest.json中配置,如图
    uniapp使用videojs播放视频_第1张图片
  3. 按照官方文档进行初始化

配置后使用遇到问题(m3u8格式视频)

播放页面请求url后播放不了

解决方式:就在点击列表的时候请求url,进入页面初始化的时候就配置好请求到的url

播放页面退出后,再进入出错

解决方式:参考博文
就在onUnload周期方法中销毁播放器

设置播放按钮位置

查了好多文章设置居中都无效,最后找到官方文档

官方文档

根据官方文档的介绍,简单来说,就是我们需要自己设置自定义css,然后引用在video-js.min.css之后,我最后的方式是直接在之前的index.html中添加:
uniapp使用videojs播放视频_第2张图片
并且是亲测有效的:
uniapp使用videojs播放视频_第3张图片
uniapp使用videojs播放视频_第4张图片

你可能感兴趣的:(微信小程序开发记录)