海康 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 视频播放器开发包播放监控视频