解决海康视频插件错位以及点击页面出现闪烁的情况

此问题在我不屑的探索中终于摸清楚了！！

首先博主的问题是由于多页面造成的，比如layadmin框架，海康视频插件错位的原因是因为主页面中嵌入的子页面都是以iframe的方式，我大胆的猜测海康视频是单页面的，因为它读取div元素的位值，以及style中的css属性，都是没有父级概念的。

可以看出iframe有它相对于父级html的左边距和右边距离，但海康插件读取的是对于父级页面的距离，所以导致插件错位，

所以写代码的时候需要在视频容器上加上偏移，就可以解决错位的问题了。下面看div里生成的img,这个是海康生成的img，防止页面闪烁的叠加图片，