<!DOCTYPE html>
|
<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="renderer" content="webkit">
|
<title>视频播放-海康流媒体插件播放</title>
|
<link rel="stylesheet" th:href="@{../../static/plugins/layui/css/layui.css}" media="all">
|
<link rel="stylesheet" th:href="@{../../static/admin/afgl/video.css}">
|
|
<style>
|
embed {
|
width: 100%;
|
height: 100%;
|
}
|
|
html, body {
|
padding: 0;
|
margin: 0;
|
}
|
|
.playWnd {
|
width: 1100px; /*播放容器的宽和高设定*/
|
height: 550px;
|
border: 1px solid red;
|
}
|
</style>
|
</head>
|
|
<body class="pdgxq-body">
|
<div class="i-container">
|
|
<div class="sp-showItem2">
|
<!--视频窗口展示-->
|
<div id="playWnd" class="playWnd"></div>
|
</div>
|
|
</div> <!--i-container end-->
|
|
|
<script th:inline="javascript">
|
var cameraData = [[${cameraData}]];
|
var appkey = [[${hikMediaProp.appKey}]];
|
var secret = [[${hikMediaProp.appSecret}]];
|
var ip = [[${hikMediaProp.wanIp}]];
|
var port = [[${hikMediaProp.hikPort}]];
|
var sn = [[${cameraData.sn}]];
|
</script>
|
<!--三个必要的js文件引入-->
|
<script th:src="@{../../static/plugins/hikMedia/jquery-1.12.4.min.js}"></script>
|
<script th:src="@{../../static/plugins/hikMedia/jsencrypt.min.js}"></script> <!-- 用于RSA加密 -->
|
<script th:src="@{../../static/plugins/hikMedia/jsWebControl-1.0.0.min.js}"></script> <!-- 用于前端与插件交互 -->
|
<script th:src="@{../../static/plugins/layui/layui.js}"></script>
|
<script th:src="@{../../static/admin/afgl/video-hikmedia.js}"></script>
|
</body>
|
</html>
|
