页面实现多分屏时,需要打开多个视频监控,在使用的时候出现令人烧脑的一件事情

在很多次测试之下终于发现问题所在EZUIKit默认这个页面最先出现的那个播放窗口是放视频的地方,不管你有几个地址都是一样,他不会出现在各自的的div里面,于是乎,问题就出现了该咋办才能让EZUIKit播放呢????

在网上找了许多文章:
比如说:在要出现监控的页面使用iframe,引用上面的那个创建出来的页面

https://blog.csdn.net/qq_42877655/article/details/113674976

但是这个方法太麻烦了,于是我便试着去查找他的js。因为所提供的demo里面是有类似案例的,只不过它的地址是采用拼接的方式,只需要创建一个div,自动根据拼接的url创建多个小div在大的div下面,而我是多个同级div,用来实现分屏效果。

案例:https://open.ys7.com/mobile/download.html

提供的代码示例:

生成的效果:

我的效果:第一个视频是有的,第二个视频没有得到播放地址,可能是他指向了第一个吧。

于是乎我找了ezuikit.js文件找到了这个获取真实播放地址的位置,经过调试后发现,我的第二个div并没有获取到真实播放地址。于是我便找到了生成。playWindow+id的地方,他的地址是拼接的,每个地址都有一个下标,根据下标生成的playWindow,而我的url只有一个地址,但是我的每个div都有ID,只要我的id跟playWindow+id一样,那么我也能获取到这个地址

结果我还真就获取到了这个地址

获取到真实播放地址之后那就是播放了。但是播放的时候有出错了。还是一样的问题。

改完之后就能够正常运行了

萤石云创建两次EZUIKit出现监控画面只显示一个相关推荐

  1. 解决Excel 2010打开两个以上文件时,总只显示一个窗口

    用Excel 2010打开两个以上文件时,总只显示一个窗口. 解决方法,打开注册表编辑器,(点运行,输入regedit)定位到 HKEY_CLASSES_ROOT\Excel.Sheet.12\she ...

  2. 萤石云平台接入_前端接入监控视频

    简介 在可视化平台的展示中,监控视频可能是不可或缺的一部分.由于屏幕的尺寸限制,监控视频在可视化平台中占比不大,但是对于设计到实物的企业来说,监控视频在可视化平台中的展现是必不可少的一部分. 海康威视 ...

  3. 服务器cpu只显示一个核,云服务器的1核是指一个cpu吗

    云服务器的1核是指一个cpu吗 内容精选 换一换 华为云帮助中心,为用户提供产品简介.价格说明.购买指南.用户指南.API参考.最佳实践.常见问题.视频帮助等技术文档,帮助您快速上手使用华为云服务. ...

  4. mysql查询时有两条一模一样的结果应该只显示一条

    场景:使用左连接关联查询时,发现查询的结果中有两条一模一样的数据,因此,需要对查询结果去重. 解决方案:在具有唯一索引的字段前加上DISTINCT关键字即可. 在加关键字之前的SQL: SELECT  ...

  5. 两个相邻盒子的边框怎么只显示一个_一篇文章带你快速理解盒子模型「经典案例」...

    今天带大家快速理解盒子模型,直接上代码: css盒子 我的css盒子测试模型 上面代码没有任何难度,只是写了一个div标签,大家已经知道,div标签是块级元素,所以会占满一行: 但是我们也注意到了图片 ...

  6. 计算机显示另外一个用户登录,电脑两个用户怎么在欢迎界面只显示一个?

    如果设置了一个管理员账户,那么系统内置没有密码保护的Administrator管理员账户是不会出现在用户登录列表中的.所以是来宾用户不要设置成管理员账户了. 1使用"传统登录提示" ...

  7. 两个相邻盒子的边框怎么只显示一个_【前端小课堂】0044 盒子

    这是一个面向零基础的前端教程,很简单,用零散时间就可以学习. 推荐早上读一下,晚上复习一下,如果可以奢侈一点,白天稍微练习一下下,总共花费 5~15 分钟.就酱! 已经好几次提到块(block)元素了 ...

  8. cvi中c语言只保留两位小数,保留两位小数,但要求只显示一位小数,怎么实现?...

    1.要实现的效果:在相同的时间内完成设定数值的自加: 2.目前的方案:( 设定数值 - 初始数值 )/ 预期时长 = speed,以speed为自加变量: 3.目前的困境:speed精确到小数好几位, ...

  9. 电脑装两个硬盘在计算机只显示一个,插入U盘出现两个盘符怎么解决?一个U盘显示两个盘符解决方法...

    自从电脑换成了Windows 10 操作系统后,每次插入U盘.移动硬盘,明明只是一个盘,它却要显示2个相同的盘符,不过对使用也没什么大碍,就一直未理.前几天同时插入了U盘和移动硬盘,准备拷几张照片,这 ...

最新文章

  1. 距离产生美?k近邻算法python实现
  2. 面向领域驱动的应用开发框架Apworks 2.5发布
  3. 仿美团实现地域选择和城市列表
  4. .Net开源的跨平台爬虫框架 DotnetSpider
  5. Java发射子弹出错_能帮我看看这个子弹的坐标哪里错了吗
  6. C语言之预处理探究(一):宏
  7. Java OpenCV之Mat类的概述、常用构造方法、常用函数
  8. matlab 计算矩阵a的离散余弦变换
  9. 问号匹配,带元组规则的位置匹配不到
  10. LayaAir UI 组件 # Button 按钮
  11. Nginx的静态文件合并请求,加快网站的加载速度
  12. 在Android APP内部实现一个Http Server——NanoHttpd 简单剖析
  13. 别让生活 耗尽了你的耐心和向往 你还有诗和远方...
  14. 利用tushare分析CAPM模型
  15. 100份开工礼送粉丝,体验嵌入式高级感!
  16. TCP-面向连接的、可靠的、基于字节流的 传输层通信协议
  17. 华为云访问密钥AK\SK获取
  18. SAP UI5 应用开发教程之六十九 - 如何从 SAP UI5 Not Found 页面跳转回到正常的应用页面试读版
  19. QWebEngine自动添加麦克风和摄像头权限
  20. LightGBM 参数及调优

热门文章

  1. 杂谈(1)难得清明(写于昨晚)
  2. 【博弈论】耶鲁大学公开课--博弈论Problem Set 3--Solution
  3. 智能眼镜产业现状及开发者的新机遇
  4. 隐写术之pngIDAT隐藏信息
  5. 用OpenCV将视频分解成单帧图片,图片合成视频
  6. Could not find method api() for arguments [xxx, yyy, zzz] on object of type DefaultDependencyHandler
  7. Windows平台批量移动百万文件
  8. Numerical Coordinate Regression with Convolutional Neural Networks 阅读笔记
  9. 【沃顿商学院学习笔记】宏观经济学——10全球地缘政治纵览Global Geopolitical Landscape
  10. STM32FF030 替代国产单片机——DP32G030