使用海康H5视频播放器开发包实现监控播放

海康H5视频播放器开发包demo下载地址：H5视频播放器开发包

使用H5视频播放器开发包实现示例：

一：H5视频播放器开发包引入项目

将H5视频播放器开发包demo中所有文件夹和h5player.min.js引入到自己的项目中

二： 引入H5视频播放器开发包

<script src="h5player.min.js"></script>

三：使用H5视频播放器开发包实现监控播放

1：html

<div id="player"></div>

2：js

//创建监控实例
var myPlugin = new JSPlugin({
    szId: 'player', //需要英文字母开头 必填
    szBasePath: '/', // 必填,引用H5player.min.js的js相对路径
})
var playURL = 'XXXX';//监控地址
var mode = 0;//解码方式：0普通模式 1高级模式
var index = 0;//当前窗口下标
//监控播放
myPlugin.JS_Play(playURL, { playURL, mode}, index).then(
    () => { console.log('realplay success') },
    e => { console.log(e) }
)

根据如上就可以实现H5视频播放器开发包播放监控视频