You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1243 lines
45 KiB
1243 lines
45 KiB
<!DOCTYPE html>
|
|
<%@ page language="java" pageEncoding="UTF-8" %>
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
<%@ include file="/common/ctx.jsp" %>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
|
|
<!-- saved from url=(0091)https://bigd.tourage.cn/tourResource/video/treeViewNew?code=new_video_play&parentCode=VIDEO -->
|
|
<html class="k-webkit k-webkit88">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
<title>视频监控 - </title>
|
|
<!-- 开启https访问才需要此行代码-->
|
|
<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />-->
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/video/new/css/kendo.common.min.css">
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/video/new/css/kendo.default.min.css">
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/video/new/css/iconfont.css">
|
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/video/new/css/animate.min.css">
|
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/video/new/css/css3.css">
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/video/new/css/skin.css" id="skin_user">
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/video/new/css/header.css" id="public_user">
|
|
|
|
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
|
|
<link rel="stylesheet" href="${ctx}/hbcyjc/video/new/css/zTreeStyle.css">
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/video/new/css/smartMenu.css">
|
|
|
|
<style>
|
|
.mainContainer {
|
|
display: block;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
@media screen and (min-width: 1152px) {
|
|
.mainContainer {
|
|
display: block;
|
|
/*width: 1152px;*/
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
.video-container {
|
|
position: relative;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
|
|
.video-container:before {
|
|
display: block;
|
|
content: "";
|
|
width: 100%;
|
|
padding-bottom: 56.25%;
|
|
}
|
|
|
|
.video-container > div {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.video-container video {
|
|
width: 45%;
|
|
height: 45%;
|
|
}
|
|
|
|
.urlInput {
|
|
display: block;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.centeredVideo {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: auto;
|
|
}
|
|
|
|
.controls {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: left;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 8px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.logcatBox {
|
|
border-color: #CCCCCC;
|
|
font-size: 11px;
|
|
font-family: Menlo, Consolas, monospace;
|
|
display: none;
|
|
width: 100%;
|
|
text-align: left;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.url-input, .options {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.url-input {
|
|
display: flex;
|
|
}
|
|
|
|
.url-input label {
|
|
flex: initial;
|
|
}
|
|
|
|
.url-input input {
|
|
flex: auto;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.url-input button {
|
|
flex: initial;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.options {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
/*<!--独立的 视频播放页面（树 + 播放）-->*/
|
|
|
|
html, body {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
#_center {
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#_center .k-splitbar-horizontal {
|
|
width: 10px !important;
|
|
border-width: 0 0 0 1px !important;
|
|
}
|
|
|
|
#play_center {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.inline > label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ztree li span.button.rootIcon_ico_open, .ztree li span.button.rootIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/root.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.districtIcon_ico_open, .ztree li span.button.districtIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/district.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.scenicnoAIcon_ico_open, .ztree li span.button.scenicnoAIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/0A.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.scenicAIcon_ico_open, .ztree li span.button.scenicAIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/1A.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.scenicAAIcon_ico_open, .ztree li span.button.scenicAAIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/2A.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.scenicAAAIcon_ico_open, .ztree li span.button.scenicAAAIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/3A.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.scenicAAAAIcon_ico_open, .ztree li span.button.scenicAAAAIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/4A.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.scenicAAAAAIcon_ico_open, .ztree li span.button.scenicAAAAAIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/5A.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.hotelnoAIcon_ico_open, .ztree li span.button.hotelnoAIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/0A-checked.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.hotelAIcon_ico_open, .ztree li span.button.hotelAIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/1A-checked.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.hotelAAIcon_ico_open, .ztree li span.button.hotelAAIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/2A-checked.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.hotelAAAIcon_ico_open, .ztree li span.button.hotelAAAIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/3A-checked.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.hotelAAAAIcon_ico_open, .ztree li span.button.hotelAAAAIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/4A-checked.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.hotelAAAAAIcon_ico_open, .ztree li span.button.hotelAAAAAIcon_ico_close {
|
|
margin-right: 2px;
|
|
background: url(/tourResource/images/video/5A-checked.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.issueIcon_ico_docu {
|
|
margin-right: 1px;
|
|
background: url(/tourResource/images/video/issue.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li span.button.normalIcon_ico_docu {
|
|
margin-right: 1px;
|
|
background: url(/tourResource/images/video/normal.png) no-repeat scroll 0 0 transparent;
|
|
vertical-align: top;
|
|
*vertical-align: middle
|
|
}
|
|
|
|
.ztree li a {
|
|
color: #fff !important;
|
|
}
|
|
|
|
#play_tool {
|
|
list-style: none;
|
|
width: 50%;
|
|
float: left;
|
|
height: 100%;
|
|
padding-top: 5px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#play_tool li {
|
|
|
|
width: 46px;
|
|
height: 100%;
|
|
float: left;
|
|
margin-right: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#play_tool li:first-child {
|
|
background: url("/tourResource/images/video/grid-1.png") no-repeat;
|
|
background-size: 35px 35px;
|
|
}
|
|
|
|
#play_tool li:nth-child(2) {
|
|
background: url("/tourResource/images/video/grid-4.png") no-repeat;
|
|
background-size: 35px 35px;
|
|
}
|
|
|
|
#play_tool li:nth-child(3) {
|
|
background: url("/tourResource/images/video/grid6.png") no-repeat;
|
|
background-size: 35px 35px;
|
|
}
|
|
|
|
#play_tool li:nth-child(4) {
|
|
background: url("/tourResource/images/video/grid-6.png") no-repeat;
|
|
background-size: 35px 35px;
|
|
}
|
|
|
|
#play_tool li:first-child.active {
|
|
background: url("/tourResource/images/video/grid-1-active.png") no-repeat;
|
|
background-size: 35px 35px;
|
|
}
|
|
|
|
#play_tool li:nth-child(2).active {
|
|
background: url("/tourResource/images/video/grid-4-active.png") no-repeat;
|
|
background-size: 35px 35px;
|
|
}
|
|
|
|
#play_tool li:nth-child(3).active {
|
|
background: url("/tourResource/images/video/active6.png") no-repeat;
|
|
background-size: 35px 35px;
|
|
}
|
|
|
|
#play_tool li:nth-child(4).active {
|
|
background: url("/tourResource/images/video/grid-6-active.png") no-repeat;
|
|
background-size: 35px 35px;
|
|
}
|
|
|
|
#play_tool li:first-child:hover {
|
|
background: url("/tourResource/images/video/grid-1-active.png") no-repeat;
|
|
background-size: 35px 35px;
|
|
}
|
|
|
|
#play_tool li:nth-child(2):hover {
|
|
background: url("/tourResource/images/video/grid-4-active.png") no-repeat;
|
|
background-size: 35px 35px;
|
|
}
|
|
|
|
#play_tool li:nth-child(3):hover {
|
|
background: url("/tourResource/images/video/active6.png") no-repeat;
|
|
background-size: 35px 35px;
|
|
}
|
|
|
|
#play_tool li:nth-child(4):hover {
|
|
background: url("/tourResource/images/video/grid-6-active.png") no-repeat;
|
|
background-size: 35px 35px;
|
|
}
|
|
|
|
|
|
.play-model {
|
|
float: right;
|
|
height: 30px;
|
|
width: 125px;
|
|
padding-left: 15px;
|
|
text-align: center;
|
|
margin-right: 20px;
|
|
background: #070c2c;
|
|
border-radius: 5px;
|
|
border-color: #114a7a;
|
|
outline: none;
|
|
display: none;
|
|
}
|
|
|
|
.play-model > option {
|
|
line-height: 25px;
|
|
}
|
|
|
|
#video-content {
|
|
height: calc(100% - 50px) !important;
|
|
border: 2px solid #fff;
|
|
}
|
|
</style>
|
|
<!--视频样式修改-->
|
|
<style>
|
|
/* <!--视频框-->*/
|
|
#video-content > div > .video-win {
|
|
background: rgba(0, 0, 0, .4);
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
|
|
#video-content .loading .gif {
|
|
height: 100%;
|
|
width: 100%;
|
|
text-align: center;
|
|
color: #15b2ff;
|
|
font-weight: bold;
|
|
font-size: 18px;
|
|
}
|
|
|
|
#video-content .play-loadding, #video-content .play-error, #video-content .playId {
|
|
position: absolute;
|
|
width: 120px;
|
|
height: 60px;
|
|
left: 50%;
|
|
top: 50%;
|
|
z-index: 999;
|
|
padding-top: 30px;
|
|
border-radius: 10px;
|
|
transform: translateX(-50%) translateY(-50%);
|
|
display: none;
|
|
text-align: center;
|
|
background: rgba(0, 0, 0, .3) url(./images/video/loading.gif) no-repeat center 10px;
|
|
}
|
|
|
|
|
|
#video-content {
|
|
height: calc(100%);
|
|
}
|
|
|
|
#video-content > div {
|
|
display: none;
|
|
float: left;
|
|
border: 2px solid transparent;
|
|
border-radius: 3px;
|
|
position: relative;
|
|
/*background: url(/oss/screen/skins/static/plugins/playUtil/ckplayer/video-zhangjiakou.png) 0% 0% / 100% 100%;*/
|
|
border: 2px solid #fff;
|
|
}
|
|
|
|
#video-content > div video {
|
|
object-fit: fill;
|
|
outline: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
#video-content > div.active {
|
|
border: 2px solid rgb(110, 140, 182);
|
|
}
|
|
|
|
.play-error {
|
|
display: none;
|
|
}
|
|
|
|
.videoCont_1 {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.videoCont_4 {
|
|
width: calc(50% - 4px);
|
|
height: calc(50% - 5px);
|
|
margin: 5px 4px 0 0;
|
|
}
|
|
|
|
.videoCont_6 {
|
|
width: calc(100% / 3 - 4px);
|
|
height: calc(100% / 3 - 5px);
|
|
margin: 5px 4px 0 0;
|
|
position: relative;
|
|
}
|
|
|
|
.videoCont_9 {
|
|
width: calc(100% / 3 - 4px);
|
|
height: calc(100% / 3 - 5px);
|
|
margin: 5px 4px 0 0;
|
|
position: relative;
|
|
}
|
|
|
|
#video-content > div.videoCont_6:nth-child(1) {
|
|
width: calc(66.6% - 4px);
|
|
height: calc(66.6% - 6px);
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" type="text/css" href="${ctx}/hbcyjc/region/130000/yuanxing/static/css/layout.css" />
|
|
</head>
|
|
|
|
<body style="zoom: 1;
|
|
background: url(/theme/v3/xaimg/neiyebj.jpg) var(--pageBg,#fff) center no-repeat;">
|
|
<style>
|
|
.logo-text-img {
|
|
float: left;
|
|
}
|
|
|
|
.second-logo-name {
|
|
float: left;
|
|
font-size: 26px;
|
|
font-family: "楷体";
|
|
color: #4cf3ff;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.toggleShow {
|
|
display: block;
|
|
}
|
|
|
|
.ts_ul li span {
|
|
background: #4f9aff;
|
|
}
|
|
|
|
.p_1 > a {
|
|
color: #ffa800;
|
|
}
|
|
|
|
.p_1 > a > span {
|
|
background: #ffa800 !important;
|
|
}
|
|
|
|
.title-city-select {
|
|
float: right;
|
|
position: relative;
|
|
width: 120px;
|
|
margin-right: 15px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.title-city-select .city-active-name:after {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 12px;
|
|
content: '';
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-top: 8px solid #fff;
|
|
}
|
|
|
|
.title-city-select .city-active-name {
|
|
width: 120px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
border-radius: 3px;
|
|
margin-top: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
.title-city-select .city-option {
|
|
display: none;
|
|
position: absolute;
|
|
width: 260px;
|
|
border-radius: 3px;
|
|
left: -50%;
|
|
padding: 5px;
|
|
background: #2a558c;
|
|
}
|
|
|
|
.title-city-select .city-option li {
|
|
float: left;
|
|
padding: 3px 5px;
|
|
margin: 3px;
|
|
cursor: pointer;
|
|
border-radius: 3px;
|
|
width: 56px;
|
|
}
|
|
|
|
.title-city-select .city-option li.active {
|
|
background: rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
.title-city-select .city-option li:hover {
|
|
background: rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
.show-box {
|
|
display: block !important;
|
|
transition: all .3s;
|
|
}
|
|
|
|
.header-topbtn-box {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 18px;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.header-topbtn-box > a {
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
.k-animation-container {
|
|
background-color: rgba(10,14,52,1);
|
|
}
|
|
.k-popup.k-calendar-container, .k-popup.k-list-container{ background-color: rgba(10,14,52,1);}
|
|
|
|
|
|
</style>
|
|
|
|
<div id="app1">
|
|
<div id="_center" style="margin-right: 5%;">
|
|
<div style="height: 100%;
|
|
width: 280px;
|
|
overflow-y: auto;
|
|
/* margin-left: 20px; */
|
|
float: left;
|
|
border-right: 4px solid #fff;
|
|
position: relative;
|
|
z-index: 999;"
|
|
id="treelist_div">
|
|
<ul id="ztree" class="ztree"></ul>
|
|
</div>
|
|
<div style=" height: 100%;
|
|
padding: 0 0 0 300px;
|
|
position: relative;
|
|
z-index: 9;"
|
|
id="content-box">
|
|
<div style="height: 50px;width: 100%;" class="video-icon">
|
|
<ul id="play_tool">
|
|
<li title="1*1" onclick="setRowCol(1);"></li>
|
|
<li title="2*2" class="active" onclick="setRowCol(4);"></li>
|
|
<li title="3*2" onclick="setRowCol(6);"></li>
|
|
<li title="3*3" onclick="setRowCol(9);"></li>
|
|
<!--<li title="4*4" onClick="setRowCol(4,4);"></li>-->
|
|
</ul>
|
|
<select class="play-model">
|
|
<option value="3">定制播放</option>
|
|
<option value="1">内网播放</option>
|
|
<option value="2">外网播放</option>
|
|
</select>
|
|
</div>
|
|
<div id="video-content" class="video-container2">
|
|
<div class="active videoCont_4" style="display: block;">
|
|
<div class="play-loadding"><p>正在载入...</p></div>
|
|
<div class="play-error"><p>视频异常</p></div>
|
|
<div class="playId"></div>
|
|
<video poster="" id="videoElement"
|
|
class="centeredVideo" autoplay="" muted="">
|
|
Your browser is too old which doesn't support HTML5 video.
|
|
</video>
|
|
<div class="video-win"></div>
|
|
</div>
|
|
<div class="videoCont_4" style="display: block;">
|
|
<div class="play-loadding"><p>正在载入...</p></div>
|
|
<div class="play-error"><p>视频异常</p></div>
|
|
<div class="playId"></div>
|
|
<video poster="" id="videoElement2"
|
|
class="centeredVideo" autoplay="" muted="">
|
|
Your browser is too old which doesn't support HTML5 video.
|
|
</video>
|
|
<div class="video-win"></div>
|
|
</div>
|
|
<div class="videoCont_4" style="display: block;">
|
|
<div class="play-loadding"><p>正在载入...</p></div>
|
|
<div class="play-error"><p>视频异常</p></div>
|
|
<div class="playId"></div>
|
|
<video poster="" id="videoElement3"
|
|
class="centeredVideo" autoplay="" muted="">
|
|
Your browser is too old which doesn't support HTML5 video.
|
|
</video>
|
|
<div class="video-win"></div>
|
|
</div>
|
|
<div class="videoCont_4" style="display: block;">
|
|
<div class="play-loadding"><p>正在载入...</p></div>
|
|
<div class="play-error"><p>视频异常</p></div>
|
|
<div class="playId"></div>
|
|
<video poster="" id="videoElement4"
|
|
class="centeredVideo" autoplay="" muted="">
|
|
Your browser is too old which doesn't support HTML5 video.
|
|
</video>
|
|
<div class="video-win"></div>
|
|
</div>
|
|
<div class="videoCont_4" style="display: none;">
|
|
<div class="play-loadding"><p>正在载入...</p></div>
|
|
<div class="play-error"><p>视频异常</p></div>
|
|
<div class="playId"></div>
|
|
<video poster="" id="videoElement5"
|
|
class="centeredVideo" autoplay="" muted="">
|
|
Your browser is too old which doesn't support HTML5 video.
|
|
</video>
|
|
<div class="video-win"></div>
|
|
</div>
|
|
<div class="videoCont_4" style="display: none;">
|
|
<div class="play-loadding"><p>正在载入...</p></div>
|
|
<div class="play-error"><p>视频异常</p></div>
|
|
<div class="playId"></div>
|
|
<video poster="" id="videoElement6"
|
|
class="centeredVideo" autoplay="" muted="">
|
|
Your browser is too old which doesn't support HTML5 video.
|
|
</video>
|
|
<div class="video-win"></div>
|
|
</div>
|
|
<div class="videoCont_4" style="display: none;">
|
|
<div class="play-loadding"><p>正在载入...</p></div>
|
|
<div class="play-error"><p>视频异常</p></div>
|
|
<div class="playId"></div>
|
|
<video poster="" id="videoElement7"
|
|
class="centeredVideo" autoplay="" muted="">
|
|
Your browser is too old which doesn't support HTML5 video.
|
|
</video>
|
|
<div class="video-win"></div>
|
|
</div>
|
|
<div class="videoCont_4" style="display: none;">
|
|
<div class="play-loadding"><p>正在载入...</p></div>
|
|
<div class="play-error"><p>视频异常</p></div>
|
|
<div class="playId"></div>
|
|
<video poster="" id="videoElement8"
|
|
class="centeredVideo" autoplay="" muted="">
|
|
Your browser is too old which doesn't support HTML5 video.
|
|
</video>
|
|
<div class="video-win"></div>
|
|
</div>
|
|
<div class="videoCont_4" style="display: none;">
|
|
<div class="play-loadding"><p>正在载入...</p></div>
|
|
<div class="play-error"><p>视频异常</p></div>
|
|
<div class="playId"></div>
|
|
<video poster="" id="videoElement9"
|
|
class="centeredVideo" autoplay="" muted="">
|
|
Your browser is too old which doesn't support HTML5 video.
|
|
</video>
|
|
<div class="video-win"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<textarea name="logcatbox" class="logcatBox" rows="10" readonly=""></textarea>
|
|
<style>
|
|
|
|
.accordion_li {
|
|
height: 30px;
|
|
}
|
|
|
|
.accordion {
|
|
position: relative;
|
|
}
|
|
|
|
.secondary-menu {
|
|
position: absolute;
|
|
left: 196px;
|
|
top: 0;
|
|
border: 1px solid #00B5FF;
|
|
width: 175px;
|
|
height: 100%;
|
|
font-size: 14px;
|
|
background: rgba(12, 23, 69, .5);
|
|
display: none;
|
|
}
|
|
|
|
.secondary-menu li {
|
|
line-height: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
.down-jt {
|
|
/*position: relative;*/
|
|
}
|
|
|
|
.down-jt:after {
|
|
content: '>';
|
|
float: right;
|
|
margin-top: -26px;
|
|
margin-right: 8px;
|
|
|
|
}
|
|
|
|
.hover {
|
|
background: url(https://enjoyskins.tourage.cn/tourism-projects/theme/black/mainframe/images/top/hover_bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.secondary-menu li a {
|
|
display: block;
|
|
}
|
|
|
|
.secondary-menu li:hover, .secondary-menu li.active {
|
|
/*background: rgba(39,89,147,.5);*/
|
|
background: url(https://enjoyskins.tourage.cn/tourism-projects/theme/black/mainframe/images/top/hover_bg.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.logo {
|
|
font-size: 25px;
|
|
color: #46E0EE;
|
|
line-height: 40px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.logo-reflect {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
font-family: "微软雅黑";
|
|
/*font-size: 2.45rem;*/
|
|
font-weight: 400;
|
|
color: #6BCDFF;
|
|
position: absolute;
|
|
transform: rotateX(137deg);
|
|
background: -webkit-linear-gradient(top, rgba(70, 224, 238, .3), rgba(70, 224, 238, .95));
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
font-style: italic;
|
|
text-align: center;
|
|
left: 0;
|
|
top: 27px;
|
|
opacity: .3;
|
|
}
|
|
|
|
#info_logo {
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 5px;
|
|
}
|
|
</style>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/video/new/js/jquery-1.9.0-min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/video/new/js/index.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/video/new/js/kendo.custom.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/video/new/js/kendo.tabstrip.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/video/new/js/kendo.messages.zh-CN.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/video/new/js/kendo.culture.zh-CN.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/video/new/js/ext.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/video/new/js/common.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/video/new/js/util.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/video/new/js/weather-type.js"></script>
|
|
|
|
<script>
|
|
if (window.location.protocol == 'https:') {
|
|
$("head").append('<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />');
|
|
}
|
|
|
|
</script>
|
|
<script src="${ctx}/hbcyjc/video/new/js/jquery.ztree.core.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/video/new/js/flv.js"></script>
|
|
<script src="${ctx}/hbcyjc/video/new/js/jquery-smartMenu.js"></script>
|
|
<script src="${ctx}/hbcyjc/video/new/js/videoPlays.js"></script>
|
|
<script>
|
|
if(window.location.protocol == 'https:'){
|
|
$("head").append('<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />');
|
|
}
|
|
|
|
var region = '${region}';
|
|
var picSrc = '';
|
|
if(region == '131100'){
|
|
picSrc = '/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bg.png'; //京东云图标
|
|
}else if(region == '131024'){
|
|
picSrc = '/oss/screen/skins/static/plugins/playUtil/ckplayer/spbj03.jpg'; // 点点点点 图标
|
|
}else if(region === '130724'){
|
|
// 沽源 视频 logo
|
|
picSrc = '/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bg-guyuan.png'; //坝上沽源图标
|
|
}else if(region === '131124'){
|
|
//饶阳logo
|
|
picSrc = '/oss/screen/skins/static/plugins/playUtil/ckplayer/spbj03.jpg'; //点点点点 图标
|
|
}else if (region==='130100'){
|
|
picSrc = '/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bg-shijiazhuang.png' //滹沱河生态走廊 图标
|
|
}else if (region==='130630'){
|
|
picSrc = '/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bg3.png' //创巨圆图标
|
|
}else if(region==='139900'||region==='139901'||region==='139902'||region==='139903'){
|
|
picSrc = '/oss/screen/skins/static/plugins/playUtil/ckplayer/spbj03.jpg'; //点点点点 图标
|
|
}else{
|
|
picSrc = '/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bg2019年6月13日111215.png'; //联通图标
|
|
}
|
|
$("video").attr("poster", picSrc);
|
|
|
|
|
|
$(function(){
|
|
$("#zsj_title").html("综合视频监控系统");
|
|
$("#headerid").removeClass("fixed");
|
|
})
|
|
</script>
|
|
<script>
|
|
var childSelected = false;
|
|
var menuCode = 'new_video_play';
|
|
|
|
function openDataDialog() {
|
|
dialog("data_info", "页面数据详情", "/polymerization/dataDescrption?code=" + menuCode, 1200, 700);
|
|
}
|
|
|
|
function handleUrl(url) {
|
|
return url.indexOf('?') > 0 ? url + "&" : url + "?";
|
|
}
|
|
</script>
|
|
</div>
|
|
|
|
<script>
|
|
var isLunBo = false//默认轮播为false
|
|
|
|
$(function () {
|
|
// videoContent(4)
|
|
setRowCol(4)//默认4个
|
|
|
|
asyncLoadData();//视频菜单ztree
|
|
$("#play_tool li").click(function (e) {
|
|
var index = $(this).data("type");
|
|
$("#play_tool").find("li").removeClass("active");
|
|
e.target.setAttribute("class", "active");
|
|
});
|
|
$('#video-content>div').click(function () {
|
|
$('#video-content>div').removeClass('active')
|
|
$(this).addClass('active')
|
|
})
|
|
|
|
|
|
if ("0" && "0" == 1) {
|
|
$('#video-content div video').smartMenu(rightRecordMenuData, {});//初始化右键播放
|
|
} else {
|
|
$('#video-content div video').smartMenu(rightMenuData, {});//初始化右键播放
|
|
}
|
|
})
|
|
|
|
// initScenic()
|
|
function initScenic() {//选择景区
|
|
$("#scenicCode").kendoDropDownList({
|
|
filter: "contains",
|
|
optionLabel: "请选择",
|
|
dataTextField: "name",
|
|
dataValueField: "scenicCode",
|
|
index: 0,
|
|
dataSource: {
|
|
transport: {
|
|
read: {
|
|
dataType: "json",
|
|
url: "/lyscenicbasic/getScenicByCondition.do",
|
|
}
|
|
}
|
|
},
|
|
change: onChangeScenic,
|
|
dataBound: function () {
|
|
this.enable(true);
|
|
}
|
|
});
|
|
}
|
|
|
|
var sid = '';
|
|
|
|
function onChangeScenic() {
|
|
$("input[name='scenicCode']").val($("#scenicCode").val());
|
|
sid = $("#scenicCode").val();
|
|
console.log(sid);
|
|
if (sid == null || sid == '') {
|
|
asyncLoadData()
|
|
} else {
|
|
asyncLoadData();
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function showVersion() {
|
|
var version = flvjs.version;
|
|
document.title = document.title + " (v" + version + ")";
|
|
}
|
|
|
|
var logcatbox = document.getElementsByName('logcatbox')[0];
|
|
flvjs.LoggingControl.addLogListener(function (type, str) {
|
|
logcatbox.value = logcatbox.value + str + '\n';
|
|
logcatbox.scrollTop = logcatbox.scrollHeight;
|
|
});
|
|
|
|
// document.addEventListener('DOMContentLoaded', function () {
|
|
// streamURL = document.getElementById('streamURL');
|
|
// mediaSourceURL = document.getElementById('mediaSourceURL');
|
|
// // loadSettings();
|
|
// showVersion();
|
|
// // flv_load();
|
|
// });
|
|
|
|
</script>
|
|
<div class="k-animation-container"
|
|
style="width: 180px; height: 206px; margin-left: -2px; padding-left: 2px; padding-right: 2px; padding-bottom: 4px; display: none; box-sizing: content-box; overflow: hidden; position: absolute; top: 135.996px; z-index: 10002; left: 90.0078px;background-color: rgba(10,14,52,.9);">
|
|
<div class="k-list-container k-popup k-group k-reset" id="scenicCode-list" data-role="popup"
|
|
style="position: absolute; font-size: 12px; font-family: MicrosoftYaHei, Tahoma, Verdana; font-stretch: 100%; font-style: normal; font-weight: 400; line-height: normal; width: 173.5px; min-width: 173.5px; height: 200px; display: none; transform: translateY(-206px);">
|
|
<span class="k-list-filter"><input class="k-textbox" role="listbox" aria-haspopup="true" aria-expanded="false"
|
|
aria-owns="scenicCode_listbox" tabindex="0" aria-disabled="false"
|
|
style="display: inline-block; width: 173.5px;" aria-busy="false"
|
|
aria-activedescendant="77d56f22-8c98-447e-9518-30ac7b8d76a4"><span
|
|
class="k-icon k-i-search"></span></span>
|
|
<div class="k-list-optionlabel k-state-selected k-state-focused" id="77d56f22-8c98-447e-9518-30ac7b8d76a4">请选择
|
|
</div>
|
|
<div class="k-group-header" style="display:none"></div>
|
|
<div class="k-list-scroller" unselectable="on" style="height: 150px;">
|
|
</div>
|
|
<div class="k-nodata" style="display:none">
|
|
<div>No data found.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
/******Ztree Start ******/
|
|
function asyncLoadData() {
|
|
var setting = {
|
|
view: {
|
|
showTitle: true,
|
|
showIcon: true,
|
|
showLine: true,
|
|
nameIsHTML: true,
|
|
fontCss: {size: 50},
|
|
dblClickExpand: false
|
|
},
|
|
async: {
|
|
enable: true,
|
|
url: getUrl,
|
|
type: "get",
|
|
autoParam: ["id"], //自动提交的参数
|
|
// dataFilter: filter
|
|
},
|
|
callback: {
|
|
onClick: zTreeOnClick,
|
|
// onRightClick: zTreeOnRightClick,
|
|
onDblClick: zTreeOnDblClick,
|
|
onAsyncSuccess: onAsyncSuccess
|
|
}
|
|
};
|
|
$.fn.zTree.init($("#ztree"), setting);
|
|
}
|
|
|
|
function getUrl(treeId, treeNode) {
|
|
var id = treeNode && treeNode.id ? treeNode.id : "${id}";
|
|
return "${ctx}/zhspjkvideomanage/getzhspjklist.do?id=" + id;
|
|
}
|
|
|
|
function filter(treeId, parentNode, childNodes) {
|
|
if (!childNodes) return null;
|
|
if (parentNode && parentNode.type == "area_city") {
|
|
for (var i = 0; i < childNodes.length; i++) {
|
|
childNodes[i].name = "<span class='node_name'>" + childNodes[i].name + " [" + childNodes[i].videoCount + "个视频]</span>";
|
|
}
|
|
return childNodes;
|
|
} else if (parentNode && parentNode.type == "area_province") {
|
|
for (var i = 0; i < childNodes.length; i++) {
|
|
childNodes[i].name = "<span class='node_name'>" + childNodes[i].name + " [" + childNodes[i].scenicCount + "个景区," + childNodes[i].videoCount + "个视频]</span>";
|
|
}
|
|
return childNodes;
|
|
} else if (!parentNode) {
|
|
for (var i = 0; i < childNodes.length; i++) {
|
|
childNodes[i].name = "<span class='node_name'>" + childNodes[i].name + " [接入" + childNodes[i].scenicCount + "个景区," + childNodes[i].videoCount + "个视频]</span>";
|
|
}
|
|
return childNodes;
|
|
} else {
|
|
return childNodes;
|
|
}
|
|
}
|
|
|
|
/******Ztree End ******/
|
|
//默认9个窗口播放
|
|
var playMany = false;
|
|
|
|
function zTreeOnClick(event, treeId, treeNode) {
|
|
var videoPlayIndex = $('#video-content>div.active').index();
|
|
var videoPlayIndexID = $('#video-content>div .video-win').data('id');
|
|
var rtmpurl = treeNode.rtmpV2;
|
|
var hasChildren = rtmpurl != null && rtmpurl.indexOf("http") != -1;
|
|
|
|
//当选中的节点没有子节点时
|
|
if (hasChildren) {
|
|
var rtmpAddress = getRtmpAddress(treeNode, videoPlayIndex);
|
|
if (rtmpAddress) {
|
|
var needPlay = true;
|
|
if (needPlay) {
|
|
//判断videoID是否已存在视频id,存在就删除并且销毁
|
|
if (videoId.length > 0) {
|
|
// 判断当前视频是否被添加过 -1
|
|
if (videoId.indexOf(treeNode.id) === -1) {
|
|
videoId.push(treeNode.id)
|
|
//拿到当前窗口的视频ID,放入点击的ID,点击拿到的视频名称,当前选中的视频domID,选中div下面的id
|
|
var oldActiveId = $('#video-content>div.active .playId').text()
|
|
$('#video-content>div.active .playId').text(treeNode.id)
|
|
var videoName = treeNode.cname + " - " + treeNode.name;
|
|
var videoActive = $('#video-content>div.active video').attr('id')
|
|
// videoNodePlay(rtmpAddress, videoName);
|
|
if (oldActiveId == "") {
|
|
flv_load(rtmpAddress, videoActive, videoName, treeNode.id, null)
|
|
} else {
|
|
flv_load(rtmpAddress, videoActive, videoName, treeNode.id, oldActiveId)
|
|
}
|
|
} else {
|
|
notify("已存在该视频", "warning");
|
|
}
|
|
} else {
|
|
//拿到当前窗口的视频ID,放入点击的ID,点击拿到的视频名称,当前选中的视频domID
|
|
$('#video-content>div.active .playId').text(treeNode.id)
|
|
videoId.push(treeNode.id)
|
|
var videoName = treeNode.cname + " - " + treeNode.name;
|
|
var videoActive = $('#video-content>div.active video').attr('id')
|
|
// videoNodePlay(rtmpAddress, videoName);
|
|
flv_load(rtmpAddress, videoActive, videoName, treeNode.id, "")
|
|
}
|
|
}
|
|
} else {
|
|
notify("该视频暂无法进行播放", "warning");
|
|
}
|
|
} else {
|
|
var treeObj = $.fn.zTree.getZTreeObj(treeId);
|
|
treeObj.expandNode(treeNode, true, false, false);
|
|
}
|
|
}
|
|
|
|
function getRtmpAddress(treeNode, index) {
|
|
let data = treeNode.rtmpV2;
|
|
console.log('播放地址', data)
|
|
var rtmp = data.split(',');//获取定制的播放模式
|
|
|
|
return rtmp[0];
|
|
}
|
|
|
|
function zTreeOnDblClick(event, treeId, treeNode) {
|
|
allVideoDestroy()
|
|
var hasChildren = treeNode.hasChildren;
|
|
if (hasChildren) {
|
|
var treeObj = $.fn.zTree.getZTreeObj(treeId);
|
|
treeObj.expandNode(treeNode, true, false, false);
|
|
if (treeNode.children == null) {
|
|
|
|
} else {
|
|
for (var i = 0; i < treeNode.children.length; i++) {
|
|
if (treeNode.children[i].hasChildren) {
|
|
return;
|
|
}
|
|
var totalNum = $('#video-content>div:visible').length;
|
|
var playNum = totalNum > treeNode.children.length ? treeNode.children.length : totalNum
|
|
if (i < playNum) {
|
|
var rtmpAddress = getRtmpAddress(treeNode.children[i]);
|
|
console.log(rtmpAddress)
|
|
if (rtmpAddress) {
|
|
var videoName = treeNode.children[i].getParentNode().name_temp + " - " + treeNode.children[i].name_temp;
|
|
// videoNodePlay(rtmpAddress, videoName, i);
|
|
flv_load(rtmpAddress.replace('http:', 'https:'), $('#video-content>div').eq(i).find('video').attr('id'), videoName, treeNode.children[i].id, '')
|
|
} else {
|
|
notify("该视频暂无法进行播放", "warning");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function zTreeOnRightClick(event, treeId, treeNode) {
|
|
}
|
|
|
|
function onAsyncSuccess(event, treeId, treeNode, msg) {
|
|
if (!treeNode) {
|
|
var treeObj = $.fn.zTree.getZTreeObj(treeId);
|
|
var rootNode = treeObj.getNodes()[0];
|
|
treeObj.expandNode(rootNode, true, false, false);
|
|
}
|
|
|
|
}
|
|
|
|
|
|
//视频节点点击播放
|
|
function videoNodePlay(rtmpAddress, videoName, iWndIndex) {
|
|
if (!iWndIndex) {
|
|
iWndIndex = getSelectIndex();
|
|
iWndIndex = iWndIndex == -1 ? 0 : iWndIndex;
|
|
}
|
|
var parentId = getVideoPaneId(iWndIndex);
|
|
$("#" + parentId).find("div.video-win-title").html(videoName);
|
|
I_StartRealPlay(rtmpAddress, {iWndIndex: iWndIndex});
|
|
}
|
|
|
|
var region = '${ctx_delregion}';
|
|
if(region == '130000'){
|
|
//mrbfvideo(); // 只设置河北省默认播放视频
|
|
}
|
|
/**
|
|
* 设置默认播放 支尚华提出默认展示4个，说是太尴尬
|
|
*/
|
|
function mrbfvideo(){
|
|
|
|
var treeNodeid2 = "rtmp://123.126.40.143:1935/tourage/2d68971f01f79c02?token=7a21fba2403fdd6cc85638443d909417";
|
|
videoId.push(treeNodeid2);
|
|
$('#video-content>div').eq(3).find('.playId').text(treeNodeid2);
|
|
var videoName = "西柏坡纪念馆 - 展览馆广场西";
|
|
var videoActive = $('#video-content>div.active video').attr('id');
|
|
var rtmpAddress = "http://beijing1.tourage.cn:11085/live?port=1935&app=tourage&stream=2d68971f01f79c02&token=7a21fba2403fdd6cc85638443d909417";
|
|
var videoActive = "videoElement";
|
|
var treeNodeid = "rtmp://123.126.40.143:1935/tourage/2d68971f01f79c02?token=7a21fba2403fdd6cc85638443d909417";
|
|
flv_load(rtmpAddress, videoActive, videoName, treeNodeid, null);
|
|
|
|
var treeNodeid2 = "rtmp://123.126.40.143:1935/tourage/79bb8328d9578930?token=7a21fba2403fdd6cc85638443d909417";
|
|
videoId.push(treeNodeid2);
|
|
$('#video-content>div').eq(2).find('.playId').text(treeNodeid2);
|
|
var videoName = "西柏坡纪念馆 - 展览馆广场东";
|
|
var videoActive = $('#video-content>div.active video').attr('id');
|
|
var rtmpAddress = "http://beijing1.tourage.cn:11085/live?port=1935&app=tourage&stream=79bb8328d9578930&token=7a21fba2403fdd6cc85638443d909417";
|
|
var videoActive = "videoElement2";
|
|
var treeNodeid = "rtmp://123.126.40.143:1935/tourage/79bb8328d9578930?token=7a21fba2403fdd6cc85638443d909417";
|
|
flv_load(rtmpAddress, videoActive, videoName, treeNodeid, null);
|
|
|
|
var treeNodeid2 = "rtmp://123.126.40.143:1935/tourage/ede13f0ce4783751?token=7a21fba2403fdd6cc85638443d909417";
|
|
videoId.push(treeNodeid2);
|
|
$('#video-content>div').eq(1).find('.playId').text(treeNodeid2);
|
|
var videoName = "西柏坡纪念馆 - 广场";
|
|
var videoActive = $('#video-content>div.active video').attr('id');
|
|
var rtmpAddress = "http://beijing1.tourage.cn:11085/live?port=1935&app=tourage&stream=ede13f0ce4783751&token=7a21fba2403fdd6cc85638443d909417";
|
|
var videoActive = "videoElement3";
|
|
var treeNodeid = "rtmp://123.126.40.143:1935/tourage/ede13f0ce4783751?token=7a21fba2403fdd6cc85638443d909417";
|
|
flv_load(rtmpAddress, videoActive, videoName, treeNodeid, null);
|
|
|
|
var treeNodeid = "rtmp://123.126.40.143:1935/tourage/11bba689f092d0ec?token=7a21fba2403fdd6cc85638443d909417";
|
|
$('#video-content>div').eq(0).find('.playId').text(treeNodeid);
|
|
videoId.push(treeNodeid);
|
|
var videoName = "西柏坡纪念馆 - 出口";
|
|
var videoActive = $('#video-content>div.active video').attr('id');
|
|
var rtmpAddress = "http://beijing1.tourage.cn:11085/live?PORT=1935&app=tourage&stream=cba6f76a3ea8b1e6&token=7a21fba2403fdd6cc85638443d909417";
|
|
var videoActive = "videoElement4";
|
|
var treeNodeid = "rtmp://123.126.40.143:1935/tourage/11bba689f092d0ec?token=7a21fba2403fdd6cc85638443d909417";
|
|
flv_load(rtmpAddress, videoActive, videoName, treeNodeid, "");
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
<div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" id="datepicker_start_dateview"
|
|
data-role="popup" style="display: none; position: absolute;"></div>
|
|
<div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" id="datepicker_end_dateview"
|
|
data-role="popup" style="display: none; position: absolute;"></div>
|
|
<div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" id="datepicker_day_dateview"
|
|
data-role="popup" style="display: none; position: absolute;"></div>
|
|
<div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" id="datepicker_month_dateview"
|
|
data-role="popup" style="display: none; position: absolute;"></div>
|
|
<div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" id="datepicker_year_dateview"
|
|
data-role="popup" style="display: none; position: absolute;"></div>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
#app1 {
|
|
height: calc(100%);
|
|
overflow-x: hidden;
|
|
padding: 20px 10px 0 0px;
|
|
}
|
|
.k-animation-container{
|
|
background-color: rgba(10,14,52,.9);
|
|
}
|
|
|
|
</style>
|
|
</body>
|
|
</html>
|
|
|