vue h5player.min.js对接海康威视，踩过的坑-Toy模板网

这篇具有很好参考价值的文章主要介绍了vue h5player.min.js对接海康威视，踩过的坑。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、播放的视频无法占满全屏

1、JSResize()接口内部做了50ms防抖动，调用不会立即生效，延时50ms获取最新大小设置窗口。

2、h5player内部会在网页缩放的时候自适应父容器大小，但是在单独变更父容器大小的时候无法自适应，需要重新设置大小
3、出现不生效的问题一般是有单独变更父容器大小的地方，或者是由于延时调用引起的窗口大小覆盖引起，需要]SResize0)延退50ms调用

4、如果延迟了没起作用，就在调用播放时主动调用下JSResize()

init() {
      // 设置播放容器的宽高并监听窗口大小变化
      window.addEventListener('resize', () => {
        setTimeout(() => {
          this.player.JS_Resize()
        }, 50)
      })
    },

二、回放时：错误码： 0x01730ec1: 取流失败，详情根据误码在运管后台进行查询

1、注意时间格式是否正确，调用播放时时间格式为ISO 8601（2023-06-17T00:00:00Z）

注：ISO 8601是一种国际标准的日期和时间表示方式，格式为YYYY-MM-DDTHH:mm:ss.sssZ，其中 YYYY
代表四位数年份，MM 代表月份，DD 代表天数，T 作为日期和时间的分隔符，HH 代表小时，mm 代表分钟，ss.sss
代表秒和毫秒，Z 代表时区。例如：2023-06-17T00:00:00.000Z

三、错误码： 0x12f94006: jsdecoder open stream faild .

1、new JSPlugin时候传的父窗口id必须是英文开头

2、报错原因可能是播放容器的id设置成了数字开头

四、末尾附上一些使用文档与组件包下载地址

1、vue项目接入海康威视h5player.js播放器

2、海康官方开放平台插件下载

3、h5player文档文章来源地址https://www.toymoban.com/news/detail-633414.html

到了这里，关于vue h5player.min.js对接海康威视，踩过的坑的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！