首先，需要一个海康威视web开发包，我在网上找了很多，发现很多都要付费，所以我自己上传了一个，不需要收取费用哦（https://download.csdn.net/download/qq_39561614/16063120）

进入网站下载后解压，打开demo下codebase文件夹下WebComponents.exe安装，也可以不用安装，IE浏览器可以直接看到监控视频（打开cn目录下的demo.html即可直接看到，需要登录哟）。

结合Java开发：

将cn目录下的demo.css、demo.js和codebase目录下的webVideoCtrl.js复制到你的项目里，再将cn目录下demo.html的代码复制到你项目的jsp页面中，注意：修改js和css的目录按照自己项目目录，以下是我的例子

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>  也可以直接使用cn文件夹下的jquery1.7
<script src="js/webVideoCtrl.js"></script>
<script src="js/demo.js"></script>

<script>
        document.write("<link type='text/css' href='css/demo.css?version=" + new Date().getTime() + "' rel='stylesheet' />");
</script>

然后启动项目，打开你的jsp页面即可

编辑