页面实现多分屏时,需要打开多个视频监控,在使用的时候出现令人烧脑的一件事情
在很多次测试之下终于发现问题所在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一样,那么我也能获取到这个地址
结果我还真就获取到了这个地址
获取到真实播放地址之后那就是播放了。但是播放的时候有出错了。还是一样的问题。
改完之后就能够正常运行了