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.
1600 lines
79 KiB
1600 lines
79 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/region/130000/pages/zhspjk/video_yyj_new/css/kendo.common.min.css">
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/css/kendo.default.min.css">
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/css/jquery.contextMenu.css">
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/css/">
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/css/iconfont.css">
|
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/css/animate.min.css">
|
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/css/css3.css">
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/css/skin.css" id="skin_user">
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/css/header.css" id="public_user">
|
|
|
|
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
|
|
<link rel="stylesheet" href="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/css/zTreeStyle.css">
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_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-bgbayyj.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>
|
|
</head>
|
|
|
|
<body style="zoom: 1;
|
|
background: url(/hbcyjc/region/130000/yuanxing/static/images/cj-page-bg.png) 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>
|
|
|
|
<%--引入统一头部--%>
|
|
<%@include file="/hbcyjc/region/130000/template/headercomm.jsp"%>
|
|
|
|
<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">
|
|
<div style="margin-top: 10px;">
|
|
<span title="" class="k-widget k-dropdown k-header" unselectable="on" role="listbox"
|
|
aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="scenicCode_listbox"
|
|
aria-disabled="false" style="width: 180px; margin-left: 30px;" aria-busy="false"
|
|
aria-activedescendant="77d56f22-8c98-447e-9518-30ac7b8d76a4"><span unselectable="on"
|
|
class="k-dropdown-wrap k-state-default"><span
|
|
unselectable="on" class="k-input">请选择</span><span unselectable="on" class="k-select"
|
|
aria-label="select"><span
|
|
class="k-icon k-i-arrow-s"></span></span></span><input
|
|
style="width: 180px; margin-left: 30px; display: none;" id="scenicCode" name="scenicCode"
|
|
data-role="dropdownlist"></span>
|
|
</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="/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bgbayyj.png" 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="/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bgbayyj.png" 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="/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bgbayyj.png" 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="/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bgbayyj.png" 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="/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bgbayyj.png" 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="/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bgbayyj.png" 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="/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bgbayyj.png" 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="/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bgbayyj.png" 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="/oss/screen/skins/static/plugins/playUtil/ckplayer/video-bgbayyj.png" 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/region/130000/pages/zhspjk/video_yyj_new/js/jquery-3.7.0.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/js/index.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/js/kendo.custom.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/js/kendo.tabstrip.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/js/kendo.messages.zh-CN.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/js/kendo.culture.zh-CN.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/js/ext.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/js/common.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/js/util.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_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/region/130000/pages/zhspjk/video_yyj_new/js/jquery.ztree.core.js"></script>
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/js/flv.js"></script>
|
|
<script src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/js/jquery.contextMenu.js"></script>
|
|
<script src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_new/js/jquery.ui.position.js"></script>
|
|
<script src="${ctx}/hbcyjc/region/130000/pages/zhspjk/video_yyj_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 = 'ckplayer/video-bg.png'; //京东云图标
|
|
}else if(region == '131024'){
|
|
picSrc = 'ckplayer/spbj03.jpg'; // 点点点点 图标
|
|
}else if(region === '130724'){
|
|
// 沽源 视频 logo
|
|
picSrc = 'ckplayer/video-bg-guyuan.png'; //坝上沽源图标
|
|
}else if(region === '131124'){
|
|
//饶阳logo
|
|
picSrc = 'ckplayer/spbj03.jpg'; //点点点点 图标
|
|
}else if (region==='130100'){
|
|
picSrc = 'ckplayer/video-bg-shijiazhuang.png' //滹沱河生态走廊 图标
|
|
}else if (region==='130630'){
|
|
picSrc = 'ckplayer/video-bg3.png' //创巨圆图标
|
|
}else if(region==='139900'||region==='139901'||region==='139902'||region==='139903'){
|
|
picSrc = 'ckplayer/spbj03.jpg'; //点点点点 图标
|
|
}
|
|
else{
|
|
picSrc = 'ckplayer/video-bg2019年6月13日111215.png'; //联通图标
|
|
}
|
|
|
|
var retuserlogopath = '${retuserlogopath}'; //配置的logo路径
|
|
if(retuserlogopath!=null && retuserlogopath!= "" && retuserlogopath!= undefined && retuserlogopath!= "undefined"){
|
|
picSrc = retuserlogopath;
|
|
}
|
|
//引入Style不同，石家庄、饶阳、衡水带不带标志，其他带
|
|
if(region == '130100' || region =='131124' || region == "131100" || region =='139900' || region =='139901' || region =='139902' || region =='139903'){
|
|
document.write("<script src=\"${ctx }/oss/screen/skins/static/plugins/playUtil/ckplayer/ckplayer.js\"><\/script>");
|
|
}else{
|
|
document.write("<script src=\"${ctx }/oss/screen/skins/static/plugins/playUtil/ckplayer/ckplayer2.js\"><\/script>");
|
|
}
|
|
|
|
|
|
$(function(){
|
|
$("#zsj_title").html("综合视频监控系统");
|
|
$("#headerid").removeClass("fixed");
|
|
//init();
|
|
getLeftlowermenu(); // 左下角菜单
|
|
})
|
|
|
|
//获得左下角菜单
|
|
//加个id--leftlowermenu
|
|
function getLeftlowermenu() {
|
|
if("130000"==${UserAttrFacade.getDeptInfo(request).dremark}){
|
|
var dicnum = '015401';
|
|
}else{
|
|
var dicnum = '010311'; //测试，需要换成自己当前菜单dicnum --> sys_menu_item_dictionary
|
|
}
|
|
$.ajax({
|
|
url : "${ctx}/hbcyjclogin/getzccd.do",
|
|
data : {"dicnum" : dicnum},
|
|
type : "post",
|
|
dataType : "json",
|
|
success : function(data) {
|
|
var leftlowerhtml = "";
|
|
if(data.success){
|
|
var zcdlist = data.data;
|
|
for(var i = 0;i<zcdlist.length;i++){
|
|
var menuurl = zcdlist[i].menuurl; //配置的链接
|
|
var dicname = zcdlist[i].dicname; //名称
|
|
if(dicnum == zcdlist[i].dicnum){
|
|
leftlowerhtml += "<a href=\""+menuurl+"\" class=\"cj-fixed-item active\">" + dicname + "</a>";
|
|
}else{
|
|
leftlowerhtml += "<a href=\""+menuurl+"\" class=\"cj-fixed-item\">" + dicname + "</a>";
|
|
}
|
|
}
|
|
}
|
|
|
|
$("#menuList").html(leftlowerhtml);
|
|
}
|
|
});
|
|
}
|
|
</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, {});//初始化右键播放
|
|
}*/
|
|
$.contextMenu({
|
|
selector: '#video-content div video',
|
|
// callback: function(key, options) {
|
|
// var m = "clicked: " + key;
|
|
// window.console && console.log(m) || alert(m);
|
|
// },
|
|
items: {
|
|
"quanping": {name: "全屏播放", icon: "/oss/bigscreen/video/images/close-player.png"
|
|
,callback: function() {
|
|
var video = $(this).attr('id')
|
|
videoF11(video)
|
|
}
|
|
},
|
|
"close": {name: "关闭播放", icon: "/oss/bigscreen/video/images/close-player.png"
|
|
,callback: function() {
|
|
var video = $(this).attr('id');
|
|
var id = $(this).parent().find('.playId').text();
|
|
var videoUrl = $(this).attr('src');
|
|
$(this).parent().find('.playId').text('');
|
|
$(this).parent().find('.video-win').text('');
|
|
$(this).parent().find('.play-loadding').hide();
|
|
$(this).parent().find('.play-error').hide();
|
|
if(!isLunBo){
|
|
if (id != "") {
|
|
var index = videoId.indexOf(id);
|
|
console.log(id, index)
|
|
if (index > -1) {
|
|
videoId.splice(index, 1);
|
|
}
|
|
$(this).parent().find('.playId').text('');
|
|
flv_destroy(video);
|
|
} else {
|
|
flv_destroy(video);
|
|
$(this).parent().find('.playId').text('');
|
|
$(this).parent().find('.video-win').text('');
|
|
$(this).parent().find('.play-error').hide();
|
|
}
|
|
}else{
|
|
alert('请关闭轮播')
|
|
}
|
|
|
|
}
|
|
},
|
|
"allclose": {name: "全部关闭", icon: "/oss/bigscreen/video/images/all-close-player.png"
|
|
,callback: function() {
|
|
if(!isLunBo) {
|
|
allVideoDestroy()
|
|
}else{
|
|
alert('请关闭轮播')
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
})
|
|
|
|
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;">
|
|
<ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" id="scenicCode_listbox"
|
|
aria-live="polite" data-role="staticlist" role="listbox">
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="0">娲皇宫</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="1">清西陵</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="2">山海关景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="3">承德避暑山庄</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="4">清东陵景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="5">永年广府古城</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="6">安新县白洋淀景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="7">西柏坡风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="8">野三坡景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="9">白石山风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="10">安家沟生态区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="11">君乐宝奶业小镇</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="12">角山景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="13">狼牙山景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="14">梦东方未来世界</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="15">旅游滑沙活动中心景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="16">鸡鸣山风景旅游区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="17">青山关景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="18">长寿山</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="19">衡水湖</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="20">九龙峡</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="21">鱼谷洞景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="22">新澳海底世界</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="23">渔岛海洋温泉景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="24">嶂石岩风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="25">唐津运河生态旅游度假景区
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="26">东山文化博艺园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="27">五岳寨风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="28">小五台·金河景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="29">碧螺塔海上酒吧公园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="30">塞罕坝国家森林公园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="31">白沟和道国际箱包城</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="32">开滦国家矿山公园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="33">山叶口景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="34">隆兴寺</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="35">西苑温泉</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="36">黄龙山庄旅游风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="37">双凤山</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="38">兴隆溶洞</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="39">崇礼万龙滑雪场</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="40">一二九师司令部旧址</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="41">唐山国际旅游岛月岛景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="42">青龙山</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="43">天桂山</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="44">赤城温泉度假村</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="45">沕沕水</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="46">天河山旅游区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="47">曹妃甸湿地景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="48">黄帝城文化旅游区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="49">前南峪生态旅游区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="50">金山岭长城</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="51">沽源天鹅湖旅游区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="52">北岳庙</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="53">金丰农科园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="54">祖山风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="55">虎山风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="56">赵苑公园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="57">乐岛欢乐海洋公园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="58">国御温泉度假小镇</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="59">天山海世界</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="60">棋盘山景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="61">晋察冀边区革命纪念馆</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="62">藤龙山</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="63">张北中都原始草原度假村</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="64">吴桥杂技大世界</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="65">集发农业观光园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="66">遵化万佛园景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="67">邢台大峡谷</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="68">沙雕海洋乐园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="69">荣国府</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="70">佛光山</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="71">金钥匙家居</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="72">响堂山风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="73">华夏庄园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="74">朝阳沟风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="75">联峰山公园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="76">云梦山</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="77">长寿村旅游风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="78">紫金山景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="79">李大钊纪念馆</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="80">秦皇岛野生动物园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="81">双塔山风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="82">太行五指山旅游区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="83">滦州古城</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="84">崆山白云洞</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="85">秋山原生态自然风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="86">扁鹊庙</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="87">鸽子窝公园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="88">御道口风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="89">赵州桥</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="90">德龙钢铁文化景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="91">苍岩山风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="92">天下第一城</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="93">大境门风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="94">景忠山</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="95">紫云山风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="96">京北第一草原</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="97">丛台公园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="98">涉县韩王山</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="99">菩提岛</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="100">华北军区烈士陵园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="101">东方巨龟苑</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="102">易水湖</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="103">董存瑞烈士陵园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="104">天生桥瀑布群自然风景区
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="105">花乡果巷景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="106">水泉溪</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="107">茗汤温泉度假村</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="108">华莹白鹿温泉景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="109">天梯山</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="110">大汗行宫</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="111">驼梁山风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="112">
|
|
奥润顺达节能门窗工业旅游景区
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="113">邢窑文化博物馆</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="114">沽源沽水福源度假村</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="115">南湖生态风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="116">七步沟风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="117">抱犊寨景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="118">铁佛寺</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="119">黑山大峡谷景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="120">寿东粮画小镇</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="121">保定直隶总督署博物馆</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="122">满城汉墓</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="123">秦皇求仙入海处</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="124">京娘湖景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="125">大城红木城</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="126">天圆山庄</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="127">南大港湿地自然保护区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="128">燕南春酒文化博览园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="129">大青山国际旅游度假区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="130">大厂民族宫</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="131">石家庄勒泰中心旅游景区
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="132">秦王湖旅游区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="133">第什里风筝小镇</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="134">大厂影视小镇</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="135">胜芳古镇</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="136">明福山庄</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="137">华夏民间收藏馆</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="138">新乐市伏羲台景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="139">刘凌沧郭慕熙艺术馆</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="140">富祥温泉生态农庄</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="141">沧州市渤海新区贝壳湖景区
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="142">李少春纪念馆</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="143">永清盛世福地现代农业园
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="144">五虎山旅游区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="145">赵云庙</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="146">衡水安平县党支部纪念馆
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="147">天台山</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="148">碧螺湾乐园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="149">食草堂艺术小镇</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="150">水岸潮白景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="151">紫藤西山庄园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="152">刘伶醉景区游乐城</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="153">枫林庄园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="154">滦河神韵风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="155">圣姑庙</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="156">沙河市桃花源</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="157">秦皇岛冰塘峪景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="158">广惠寺</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="159">土门关驿道小镇</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="160">云花溪谷自然风景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="161">中国国际滑沙活动中心</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="162">西部长青旅游度假区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="163">燕塞湖</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="164">桑干河大峡谷景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="165">集发农业观光园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="166">北国奥莱小镇</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="167">闪电河国家湿地观鸟园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="168">孙犁故居</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="169">五花草甸</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="170">武强年画博物馆</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="171">自然公园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="172">闾里古镇</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="173">晋冀鲁豫边区革命纪念馆
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="174">北武当山旅游区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="175">花果山景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="176">云居湖公园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="177">东太行景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="178">市民活动中心（文博馆）
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="179">茨榆山景区</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="180">华侨城滨海国际旅游度假区
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="181">沱阳公园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="182">龙泉湖湿地</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="183">南韩内画小镇</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="184">昊阳红木雕刻产业园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="185">
|
|
饶阳诗经广场（饶阳规划展览馆）
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="186">中国丝网展馆</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="187">草原神画</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="188">衡水航空飞行营地</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="189">武强游客服务中心</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="190">安平县文化体育活动中心
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="191">华商贵澳农业田园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="192">耿长锁纪念馆</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="193">华日青铜</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="194">中国马文化博物馆安平展馆
|
|
</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="195">河北省第一个县委旧址</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="196">梳妆楼</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="197">众悦农业科技园</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="198">阳和楼</li>
|
|
<li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="199">undefined</li>
|
|
</ul>
|
|
</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) {
|
|
return "/zhspjkvideomanage/getzhspjklist.do?id=" + (treeNode ? treeNode.id : '') + "&sid=" + sid;
|
|
}
|
|
|
|
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 hasChildren = treeNode.isParent;
|
|
|
|
//当选中的节点没有子节点时
|
|
if (!hasChildren) {
|
|
var rtmpAddress = getRtmpAddress(treeNode, videoPlayIndex);
|
|
if (rtmpAddress) {
|
|
var needPlay = true;
|
|
console.log(rtmpAddress)
|
|
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) {
|
|
console.log('播放地址', treeNode.id)
|
|
var rtmp = treeNode.rtmpV2.split(',');//获取定制的播放模式
|
|
|
|
return rtmp[0];
|
|
// var playModel = $(".play-model").val();
|
|
// if (playModel == 1) {
|
|
// rtmp = treeNode.inRtmpAddressV2 || rtmp;
|
|
// } else if (playModel == 2) {
|
|
// rtmp = treeNode.outRtmpAddressV2 || rtmp;
|
|
// }
|
|
// if (index > 4) {
|
|
// if (rtmp[1]) {
|
|
// if (rtmp && rtmp[1]) {
|
|
// return rtmp[1];
|
|
// }
|
|
// } else {
|
|
// return rtmp[0];
|
|
// }
|
|
//
|
|
// } else {
|
|
// if (rtmp && rtmp[0]) {
|
|
// return rtmp[0];
|
|
// }
|
|
// }
|
|
//
|
|
// return "";
|
|
}
|
|
|
|
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>
|
|
|