海康视频插件VideoWebPlugin在vue中的实现

一,将js文件放在public文件下

二,在index中全局引入 

 三.在视频页面写方法,创建实例,初始化,我写的是1*4屏的

使用插件时走过的弯路,总结:

1.注意事件调用的顺序,创建实例时,要有dom,实例创建成功后再调用预览视频方法.

2.将ip改成配置文件

3.页面销毁时记得隐藏视频,断开连接

4.下载插件时遇到跨域问题,解决方案,地址前加//

a.href = '//' + window._CONFIG['onlinePreviewDomainURL'] + '/drcp/file/VideoWebPlugin.exe' 

5.下面这行代码,会使浏览器一直弹询问窗口

WebControl.JS_WakeUp("VideoWebPlugin://"); // 程序未启动时执行error函数，采用wakeup来启动程序

6.没有双击禁止全屏事件,为了能有双击放大效果,自己获取双击事件重写的.