|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
|
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
|
|
<%@ include file="/common/ctx.jsp"%>
|
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
|
|
<html xmls="http://www.w3.org/1999/xhtml">
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title>视频播放 - </title>
|
|
|
<script type="text/javascript" src="${ctx }/oss/mainframe/js/jquery-1.9.0-min.js"></script>
|
|
|
<script src="${ctx }/hbcyjc/resource/js/layer/layer.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{
|
|
|
picSrc = 'ckplayer/video-bg2019年6月13日111215.png'; //联通图标
|
|
|
}
|
|
|
|
|
|
var retuserlogopath = '${retuserlogopath}'; //配置的logo路径
|
|
|
if(retuserlogopath!=null && retuserlogopath!= "" && retuserlogopath!= undefined && retuserlogopath!= "undefined"){
|
|
|
picSrc = retuserlogopath;
|
|
|
}
|
|
|
|
|
|
|
|
|
</script>
|
|
|
<!-- 字体图标 -->
|
|
|
<link href="${ctx}/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
|
|
|
<link href="${ctx}/assets/ionicon/css/ionicons.min.css" rel="stylesheet"/>
|
|
|
<link href="${ctx}/css/material-design-iconic-font.min.css" rel="stylesheet">
|
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resource/css/cjy_style.css" />
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_style.css"/>
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_style2.css" />
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_zlmxg.css" />
|
|
|
<!--独立的 视频播放页面（树 + 播放）-->
|
|
|
<style scoped>
|
|
|
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: 100%;
|
|
|
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/grid-6.png") no-repeat;
|
|
|
background-size: 35px 35px;
|
|
|
}
|
|
|
|
|
|
#play_tool li:nth-child(4) {
|
|
|
background: url("/tourResource/images/video/grid-16.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/grid-6-active.png") no-repeat;
|
|
|
background-size: 35px 35px;
|
|
|
}
|
|
|
|
|
|
#play_tool li:nth-child(4).active {
|
|
|
background: url("/tourResource/images/video/grid-16-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/grid-6-active.png") no-repeat;
|
|
|
background-size: 35px 35px;
|
|
|
}
|
|
|
|
|
|
#play_tool li:nth-child(4):hover {
|
|
|
background: url("/tourResource/images/video/grid-16-active.png") no-repeat;
|
|
|
background-size: 35px 35px;
|
|
|
}
|
|
|
</style>
|
|
|
<link rel="stylesheet"
|
|
|
href="${ctx }/oss/tourism-projects/static/css/zTreeStyle.css">
|
|
|
<link type="text/css" rel="stylesheet"
|
|
|
href="${ctx }/oss/screen/skins/static/plugins/playUtil/css/playerUtil.css">
|
|
|
<script src="${ctx }/oss/screen/skins/static/plugins/playUtil/ckplayer/jquery-smartMenu.js"></script>
|
|
|
<script src="${ctx }/oss/screen/skins/static/plugins/playUtil/ckplayer/ckplayer.js"></script>
|
|
|
<!--<script src="/oss/screen/skins/static/plugins/playUtil/ckplayer/playUtil_v2.js"></script>-->
|
|
|
<script src="${ctx }/tourResource/js/video/playUtil_v2.js"></script>
|
|
|
<script src="${ctx }/oss/tourism-projects/static/js/jquery.ztree.core.js"></script>
|
|
|
<script src="${ctx }/oss/tourism-projects/static/js/jquery.slimscroll.min.js"></script>
|
|
|
<script type="text/javascript" src="${ctx }/js/jquery.ztree.exedit.js"></script>
|
|
|
<style
|
|
|
|
|
|
>
|
|
|
div#rMenu {position:absolute; visibility:hidden; top:0;text-align: left;padding: 2px;}
|
|
|
div#rMenu ul li{
|
|
|
margin: 1px 0;
|
|
|
padding: 0 5px;
|
|
|
cursor: pointer;
|
|
|
list-style: none outside none;
|
|
|
background-color: darkgreen;
|
|
|
}
|
|
|
div#rMenu2 {position:absolute; visibility:hidden; top:0;text-align: left;padding: 2px;}
|
|
|
div#rMenu2 ul li{
|
|
|
margin: 1px 0;
|
|
|
padding: 0 5px;
|
|
|
cursor: pointer;
|
|
|
list-style: none outside none;
|
|
|
background-color: darkgreen;
|
|
|
}
|
|
|
.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-win-record {
|
|
|
position: absolute;
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
|
|
|
.video-win-record-stop {
|
|
|
background: url(http://enjoy-skins.oss-cn-hangzhou.aliyuncs.com/screen/skins/static/plugins/playUtil/ckplayer/stop.png) no-repeat center center;
|
|
|
background-size: 20px 20px;
|
|
|
display: inline-block;
|
|
|
width: 20px;
|
|
|
height: 20px;
|
|
|
margin-left: 15px;
|
|
|
position: relative;
|
|
|
top: 5px;
|
|
|
}
|
|
|
|
|
|
.loading .gif {
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
color: #15b2ff;
|
|
|
font-weight: bold;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
.loading {
|
|
|
position: absolute;
|
|
|
width: 300px;
|
|
|
height: 60px;
|
|
|
left:calc(50% - 150px);
|
|
|
top:120px;
|
|
|
background: rgba(0,0,0,.3);
|
|
|
z-index: 999;
|
|
|
padding-top:5px;
|
|
|
border-radius: 10px;
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<input type="hidden" id="region" value="${region }" />
|
|
|
<div class="xingk"></div>
|
|
|
<%@include file="/common/menu.jsp" %>
|
|
|
<div style="margin-right: 1%;height:calc(100vh - 145px);">
|
|
|
<div style="height: 100%;width:18%; overflow-y: auto;margin-left: 20px;float: left;border-right: 4px solid #fff;"
|
|
|
id="treelist_div">
|
|
|
<ul id="ztree" class="ztree">
|
|
|
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div style="width:60%;height:100%; padding: 10px;float: left;position: relative;">
|
|
|
<div style="height: 50px;width: 100%;" class="video-icon">
|
|
|
<ul id="play_tool">
|
|
|
<li title="1*1" onClick="setRowCol(1,1);"></li>
|
|
|
<li title="2*2" class="active" onClick="setRowCol(2,2);"></li>
|
|
|
<li title="3*3" onClick="setRowCol(3,3);"></li>
|
|
|
<!--<li title="4*4" onClick="setRowCol(4,4);"></li>-->
|
|
|
</ul>
|
|
|
</div>
|
|
|
<!---关键部位-->
|
|
|
<div id="video-content" style="width: 86%"></div>
|
|
|
</div>
|
|
|
|
|
|
<%--右侧--%>
|
|
|
<div style="height: 100%;width:18%; overflow-y: auto;margin-left: 20px;float: right;border-left: 4px solid #fff;"
|
|
|
id="treelist_div2">
|
|
|
<ul id="ztree2" class="ztree">
|
|
|
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
var totalNum = 4;
|
|
|
$(function () {
|
|
|
initVideo();
|
|
|
//asyncLoadData();
|
|
|
$("#play_tool li").click(function () {
|
|
|
var index = $(this).index();
|
|
|
$("#play_tool").find("li").removeClass("active");
|
|
|
$("#play_tool").find("li").eq(index).addClass("active");
|
|
|
});
|
|
|
});
|
|
|
|
|
|
function initVideo() {
|
|
|
if (I_CheckPluginVersion()) {//检查是否安装或者flash
|
|
|
var playerDirectory = "/tourResource/";
|
|
|
var directory = "/oss/screen/skins/static/plugins/playUtil/";
|
|
|
setDirectory(directory);
|
|
|
setPlayerDirectory(playerDirectory);
|
|
|
var options = {
|
|
|
topElementId: "video-content",
|
|
|
elementId: "video-content",
|
|
|
maxRow: 4,
|
|
|
maxColumn: 4,
|
|
|
szWidth: '60%',
|
|
|
szHeight: 'calc(100% - 50px)',
|
|
|
subBorder: '#fff',
|
|
|
panelAppendHTML: '<div class="video-win"><div class="video-win-record video-win-content"></div><div class="video-win-title video-win-content"></div></div>'
|
|
|
// videoScale: "4:3,16:9,满屏"
|
|
|
};
|
|
|
I_initPlugin(options);
|
|
|
I_stylePlayer({row: 2, column: 2});
|
|
|
totalNum = 4;
|
|
|
//自定义播放器右键
|
|
|
var rightMenuData = [
|
|
|
[{
|
|
|
text: "全屏播放",
|
|
|
iconUrl: '${ctx }/hbcyjc/video/img/iconb_qpbf.png',
|
|
|
// iconUrl: '/oss/bigscreen/video/images/close-player.png',
|
|
|
func: function () {
|
|
|
I_FullScreen();
|
|
|
}
|
|
|
}, {
|
|
|
text: "关闭播放",
|
|
|
iconUrl: '${ctx }/hbcyjc/video/img/iconb_gbbf.png',
|
|
|
func: function () {
|
|
|
I_Stop();
|
|
|
}
|
|
|
}, {
|
|
|
text: "全部关闭",
|
|
|
iconUrl: '${ctx }/hbcyjc/video/img/iconb_qbgb.png',
|
|
|
// iconUrl: '/oss/bigscreen/video/images/all-close-player.png',
|
|
|
func: function () {
|
|
|
I_StopAll();
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '多窗口全屏播放',
|
|
|
iconUrl: '${ctx }/hbcyjc/video/img/iconb_dckbf.png',
|
|
|
func: function () {
|
|
|
I_MultiFullScreen();
|
|
|
}
|
|
|
}, {
|
|
|
text: '重新连接',
|
|
|
iconUrl: '${ctx }/hbcyjc/video/img/iconb_cxlj.png',
|
|
|
func: function () {
|
|
|
I_Reconnect();
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '按比例播放',
|
|
|
iconUrl: '${ctx }/hbcyjc/video/img/iconb_ablbf.png',
|
|
|
data: [
|
|
|
[
|
|
|
{
|
|
|
text: '满屏',
|
|
|
func: function () {
|
|
|
I_setPlayerResize();
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '4:3',
|
|
|
func: function () {
|
|
|
I_setPlayerResize(4, 3);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '16:9',
|
|
|
func: function () {
|
|
|
I_setPlayerResize(16, 9);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '自定义',
|
|
|
className: 'smart_disabled'//鼠标不可点击啊添加此属性
|
|
|
}
|
|
|
]
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
text: "清晰度",
|
|
|
iconUrl: '${ctx }/hbcyjc/video/img/iconb_qxd.png',
|
|
|
data: [
|
|
|
[
|
|
|
{
|
|
|
text: '标清',
|
|
|
func: function () {
|
|
|
I_setDefinition(0);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '高清',
|
|
|
func: function () {
|
|
|
I_setDefinition(1);
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
text: "取消"
|
|
|
}
|
|
|
],
|
|
|
|
|
|
// [
|
|
|
// {
|
|
|
// text: "取消"
|
|
|
// }
|
|
|
// ]
|
|
|
];
|
|
|
//自定义播放器右键
|
|
|
var rightMenuWithRecordData = [
|
|
|
[
|
|
|
{
|
|
|
text: "全屏播放",
|
|
|
iconUrl: '/oss/bigscreen/video/images/if-full-screen.png',
|
|
|
func: function () {
|
|
|
I_FullScreen();
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: "关闭播放",
|
|
|
iconUrl: '/oss/bigscreen/video/images/close-player.png',
|
|
|
func: function () {
|
|
|
I_Stop();
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: "全部关闭",
|
|
|
iconUrl: '/oss/bigscreen/video/images/all-close-player.png',
|
|
|
func: function () {
|
|
|
I_StopAll();
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '多窗口全屏播放',
|
|
|
iconUrl: '/oss/bigscreen/video/images/mul-screen.png',
|
|
|
func: function () {
|
|
|
I_MultiFullScreen();
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '重新连接',
|
|
|
iconUrl: '/oss/bigscreen/video/images/reconnection.png',
|
|
|
func: function () {
|
|
|
I_Reconnect();
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '按比例播放',
|
|
|
iconUrl: '/oss/bigscreen/video/images/mul-screen.png',
|
|
|
data: [
|
|
|
[
|
|
|
{
|
|
|
text: '满屏',
|
|
|
func: function () {
|
|
|
I_setPlayerResize();
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '4:3',
|
|
|
func: function () {
|
|
|
I_setPlayerResize(4, 3);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '16:9',
|
|
|
func: function () {
|
|
|
I_setPlayerResize(16, 9);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '自定义',
|
|
|
className: 'smart_disabled'//鼠标不可点击啊添加此属性
|
|
|
}
|
|
|
]
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
text: "清晰度",
|
|
|
iconUrl: '/oss/bigscreen/video/images/definition.png',
|
|
|
data: [
|
|
|
[
|
|
|
{
|
|
|
text: '标清',
|
|
|
func: function () {
|
|
|
I_setDefinition(0);
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: '高清',
|
|
|
func: function () {
|
|
|
I_setDefinition(1);
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
]
|
|
|
},
|
|
|
{
|
|
|
text: "录制视频",
|
|
|
iconUrl: '/oss/bigscreen/video/images/record_video.png',
|
|
|
func: function () {
|
|
|
I_StartRecordVideo()
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
text: "视频截图",
|
|
|
iconUrl: '/oss/bigscreen/video/images/screenShot.png',
|
|
|
func: function () {
|
|
|
I_StartShotVideo()
|
|
|
}
|
|
|
}
|
|
|
],
|
|
|
[
|
|
|
{
|
|
|
text: "取消"
|
|
|
}
|
|
|
]
|
|
|
];
|
|
|
if ("0" && "0" == 1) {
|
|
|
I_initRightMenu(rightMenuWithRecordData);
|
|
|
}else {
|
|
|
I_initRightMenu(rightMenuData);
|
|
|
}
|
|
|
}
|
|
|
else document.write('<div id="flushNOWarn" style="color: rgb(0, 102, 204); text-align: center;">您没有安装flash插件，无法播放视频，<a href="http://www.macromedia.com/go/getflashplayer" target="_blank">请点击此处下载安装最新的flash插件</a></div>');
|
|
|
}
|
|
|
|
|
|
|
|
|
function getDetailPlayVideo() {
|
|
|
$.ajax({
|
|
|
type: "get",
|
|
|
url: "/tapi/video/getDetailPlayVideo",
|
|
|
success: function (data) {
|
|
|
var playNum = 0;
|
|
|
for (var index = 0; index < data.length; index++) {
|
|
|
var obj = data[index];
|
|
|
if (index < totalNum && obj.rtmpAddress) {
|
|
|
play(obj.rtmpAddress, index);
|
|
|
playNum++;
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
error: function () {
|
|
|
notify("获取默认播放的资源错误", "error", true);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<script>
|
|
|
var treeregion = ""; //右击该节点的
|
|
|
var treertmp = ""; //右击该节点的id
|
|
|
var treername = ""; //右击该节点的名称
|
|
|
|
|
|
var zTree, rMenu; //右击树事件的初始化--------左侧
|
|
|
var zTree2, rMenu2; //右击树事件的初始化--------右侧
|
|
|
|
|
|
//初始化tree
|
|
|
$(document).ready(function(){
|
|
|
//右击树事件的初始化--------左侧
|
|
|
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
|
|
|
zTree = $.fn.zTree.getZTreeObj("ztree");
|
|
|
rMenu = $("#rMenu");
|
|
|
|
|
|
//右击树事件的初始化--------右侧
|
|
|
$.fn.zTree.init($("#treeDemo2"), setting2, zNodes2);
|
|
|
zTree2 = $.fn.zTree.getZTreeObj("ztree2");
|
|
|
rMenu2 = $("#rMenu2");
|
|
|
|
|
|
initMyZtree();//左侧
|
|
|
initMyZtree2();//右侧
|
|
|
});
|
|
|
|
|
|
//初始化左侧树结构
|
|
|
URL = "${ctx}/zhspjkvideomanage/getzhspjklist.do";
|
|
|
var zNodes="";
|
|
|
var setting = {
|
|
|
view: {
|
|
|
selectedMulti: false,
|
|
|
dblClickExpand:false
|
|
|
},
|
|
|
async: {
|
|
|
enable: true,
|
|
|
type : "get",
|
|
|
url:URL,
|
|
|
autoParam: ["id"]
|
|
|
},
|
|
|
callback : {
|
|
|
onClick: zTreeOnClick,
|
|
|
onRightClick: zTreeOnRightClick,
|
|
|
onAsyncSuccess: onAsyncSuccess
|
|
|
}
|
|
|
};
|
|
|
function initMyZtree(){
|
|
|
var id = "${id}";
|
|
|
URL = "${ctx}/zhspjkvideomanage/getzhspjklist.do?id="+id;
|
|
|
$.ajax({
|
|
|
type: "POST",
|
|
|
dataType: "json",
|
|
|
url: URL,
|
|
|
success: function(data) {
|
|
|
zNodes=data;
|
|
|
$.fn.zTree.init($("#ztree"), setting, zNodes);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//初始化右侧树结构
|
|
|
URL2 = "${ctx}/zhspjkvideomanage/getzhspjklist2.do";
|
|
|
var zNodes2="";
|
|
|
var setting2 = {
|
|
|
view: {
|
|
|
selectedMulti: false,
|
|
|
dblClickExpand:false
|
|
|
},
|
|
|
async: {
|
|
|
enable: true,
|
|
|
type : "get",
|
|
|
url:URL2,
|
|
|
autoParam: ["id"]
|
|
|
},
|
|
|
callback : {
|
|
|
onClick: zTreeOnClick2,
|
|
|
onRightClick: zTreeOnRightClick2,
|
|
|
onAsyncSuccess: onAsyncSuccess
|
|
|
}
|
|
|
};
|
|
|
|
|
|
function initMyZtree2(){
|
|
|
var id = "${id}";
|
|
|
// alert(id);
|
|
|
URL = "${ctx}/zhspjkvideomanage/getzhspjklist2.do?id="+id;
|
|
|
$.ajax({
|
|
|
type: "POST",
|
|
|
dataType: "json",
|
|
|
url: URL2,
|
|
|
success: function(data) {
|
|
|
zNodes2=data;
|
|
|
$.fn.zTree.init($("#ztree2"), setting2, zNodes2);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
//树 右击事件 左侧
|
|
|
function zTreeOnRightClick(event, treeId, treeNode) {
|
|
|
zTree = $.fn.zTree.getZTreeObj("ztree");
|
|
|
treertmp = treeNode.id;
|
|
|
treeregion = treeNode.region;
|
|
|
treername= treeNode.name;
|
|
|
if (!treeNode && event.target.tagName.toLowerCase() != "button" && $(event.target).parents("a").length == 0) {
|
|
|
zTree.cancelSelectedNode();
|
|
|
showRMenu("root", event.clientX, event.clientY);
|
|
|
} else if (treeNode && !treeNode.noR) {
|
|
|
zTree.selectNode(treeNode);
|
|
|
showRMenu("node", event.clientX, event.clientY);
|
|
|
}
|
|
|
}
|
|
|
//树 右击事件 右侧
|
|
|
function zTreeOnRightClick2(event, treeId, treeNode) {
|
|
|
zTree2 = $.fn.zTree.getZTreeObj("ztree2");
|
|
|
treertmp = treeNode.videortmp;
|
|
|
treeregion = treeNode.id;
|
|
|
treername= treeNode.name;
|
|
|
if (!treeNode && event.target.tagName.toLowerCase() != "button" && $(event.target).parents("a").length == 0) {
|
|
|
zTree2.cancelSelectedNode();
|
|
|
showRMenu2("root", event.clientX, event.clientY);
|
|
|
} else if (treeNode && !treeNode.noR) {
|
|
|
zTree2.selectNode(treeNode);
|
|
|
showRMenu2("node", event.clientX, event.clientY);
|
|
|
}
|
|
|
}
|
|
|
//左侧右击展开
|
|
|
function showRMenu(type, x, y) {
|
|
|
$("#rMenu ul").show();
|
|
|
|
|
|
y += document.body.scrollTop;
|
|
|
x += document.body.scrollLeft;
|
|
|
rMenu.css({"top":y+"px", "left":x+"px", "visibility":"visible"});
|
|
|
|
|
|
$("body").bind("mousedown", onBodyMouseDown);
|
|
|
}
|
|
|
//右侧右击展开
|
|
|
function showRMenu2(type, x, y) {
|
|
|
$("#rMenu2 ul").show();
|
|
|
y += document.body.scrollTop;
|
|
|
x += document.body.scrollLeft;
|
|
|
rMenu2.css({"top":y+"px", "left":x+"px", "visibility":"visible"});
|
|
|
|
|
|
$("body").bind("mousedown", onBodyMouseDown2);
|
|
|
}
|
|
|
//左侧隐藏
|
|
|
function hideRMenu() {
|
|
|
if (rMenu) rMenu.css({"visibility": "hidden"});
|
|
|
$("body").unbind("mousedown", onBodyMouseDown);
|
|
|
}
|
|
|
//右侧隐藏
|
|
|
function hideRMenu2() {
|
|
|
if (rMenu2) rMenu2.css({"visibility": "hidden"});
|
|
|
$("body").unbind("mousedown", onBodyMouseDown2);
|
|
|
}
|
|
|
|
|
|
//左侧 点击完成
|
|
|
function onBodyMouseDown(event){
|
|
|
if (!(event.target.id == "rMenu" || $(event.target).parents("#rMenu").length>0)) {
|
|
|
rMenu.css({"visibility" : "hidden"});
|
|
|
}
|
|
|
}
|
|
|
//右侧 点击完成
|
|
|
function onBodyMouseDown2(event){
|
|
|
if (!(event.target.id == "rMenu2" || $(event.target).parents("#rMenu2").length>0)) {
|
|
|
rMenu2.css({"visibility" : "hidden"});
|
|
|
}
|
|
|
}
|
|
|
//添加本地区的推荐
|
|
|
function addselefTreeNode() {
|
|
|
hideRMenu();
|
|
|
var xresult = yanzhengr(treertmp,treeregion,treername);
|
|
|
if(xresult!=null){
|
|
|
var rtm = xresult.rtmpurl;
|
|
|
var reg = xresult.treeregion;
|
|
|
var nam = xresult.treername;
|
|
|
goinseret(reg,rtm,nam);
|
|
|
}else{
|
|
|
hideRMenu();
|
|
|
alert("请选择视频")
|
|
|
}
|
|
|
}
|
|
|
//添加本市的推荐
|
|
|
function addshiTreeNode() {
|
|
|
hideRMenu();
|
|
|
var shiresult = yanzhengr(treertmp,treeregion,treername);
|
|
|
if(shiresult!=null) {
|
|
|
var rtm = shiresult.rtmpurl;
|
|
|
var reg = (shiresult.treeregion).substring(0, 4) + "00";
|
|
|
var nam = shiresult.treername;
|
|
|
goinseret(reg,rtm,nam);
|
|
|
}else{
|
|
|
hideRMenu();
|
|
|
alert("请选择视频")
|
|
|
}
|
|
|
}
|
|
|
//添加河北省的推荐
|
|
|
function addshengTreeNode() {
|
|
|
hideRMenu();
|
|
|
var shengresult = yanzhengr(treertmp,treeregion,treername);
|
|
|
if(shengresult!=null){
|
|
|
var rtm = shengresult.rtmpurl;
|
|
|
var reg = (shengresult.treeregion).substring(0,2)+"0000";
|
|
|
var nam = shengresult.treername;
|
|
|
goinseret(reg,rtm,nam);
|
|
|
}else{
|
|
|
hideRMenu();
|
|
|
alert("请选择视频")
|
|
|
}
|
|
|
}
|
|
|
//右侧删除
|
|
|
function deletevideo() {
|
|
|
hideRMenu2();
|
|
|
zTree2 = $.fn.zTree.getZTreeObj("ztree2");
|
|
|
var nodes = zTree2.getSelectedNodes();
|
|
|
|
|
|
var deleresult = yanzhengr(treertmp,treeregion,treername);
|
|
|
if(deleresult!=null){
|
|
|
if (nodes && nodes.length>0) {
|
|
|
zTree2.removeNode(nodes[0]);
|
|
|
}
|
|
|
var id = deleresult.treeregion;
|
|
|
godelete(id);
|
|
|
}else{
|
|
|
hideRMenu2();
|
|
|
alert("请选择视频");
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//验证 region 视频流地址
|
|
|
function yanzhengr(rtmpurl,treeregion,treername){
|
|
|
if(rtmpurl!=undefined && treeregion!=undefined && treeregion!='null' && rtmpurl.indexOf("rtmp")!=-1){
|
|
|
var cx={
|
|
|
treeregion:treeregion,
|
|
|
rtmpurl:rtmpurl,
|
|
|
treername:treername
|
|
|
}
|
|
|
return cx;
|
|
|
}
|
|
|
}
|
|
|
//保存所设置的
|
|
|
function goinseret(treeregion,rtmpurl,videoname){
|
|
|
$.ajax({
|
|
|
type : 'POST',
|
|
|
url : "${ctx}/zhspjkvideomanage/insertbigdatevideo.do",
|
|
|
data:{
|
|
|
region:treeregion,
|
|
|
videortmp:rtmpurl,
|
|
|
videoname:videoname
|
|
|
},
|
|
|
success : function(data) {
|
|
|
alert("添加成功")
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
//删除设置的
|
|
|
function godelete(id){
|
|
|
$.ajax({
|
|
|
type : 'POST',
|
|
|
url : "${ctx}/zhspjkvideomanage/deletebigvi.do",
|
|
|
data:{id:id},
|
|
|
success : function(data) {
|
|
|
alert("删除成功")
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
/******Ztree End ******/
|
|
|
//默认9个窗口播放
|
|
|
var playMany = false;
|
|
|
//左侧播放
|
|
|
function zTreeOnClick(event, treeId, treeNode) {
|
|
|
$(".curSelectedNode").removeClass("curSelectedNode"); //该行去掉了节点被选中后的背景色
|
|
|
//var hasChildren = treeNode.hasChildren;
|
|
|
var rtmpurl = treeNode.id;
|
|
|
if (rtmpurl != null) {//判断不是数字
|
|
|
if(rtmpurl.indexOf("rtmp")!=-1){
|
|
|
if (rtmpurl && rtmpurl[0]) {
|
|
|
var videoName = treeNode.name;
|
|
|
videoNodePlay(rtmpurl, videoName);
|
|
|
} else {
|
|
|
notify("该视频暂无法进行播放", "warning");
|
|
|
}
|
|
|
}else{
|
|
|
var treeObj = $.fn.zTree.getZTreeObj(treeId);
|
|
|
treeObj.expandNode(treeNode);
|
|
|
}
|
|
|
} else {
|
|
|
var treeObj = $.fn.zTree.getZTreeObj(treeId);
|
|
|
treeObj.expandNode(treeNode);
|
|
|
}
|
|
|
}
|
|
|
//右侧播放
|
|
|
function zTreeOnClick2(event, treeId, treeNode) {
|
|
|
$(".curSelectedNode").removeClass("curSelectedNode"); //该行去掉了节点被选中后的背景色
|
|
|
//var hasChildren = treeNode.hasChildren;
|
|
|
var rtmpurl = treeNode.videortmp;
|
|
|
if (rtmpurl != null) {//判断不是数字
|
|
|
if(rtmpurl.indexOf("rtmp")!=-1){
|
|
|
if (rtmpurl && rtmpurl[0]) {
|
|
|
var videoName = treeNode.name;
|
|
|
videoNodePlay(rtmpurl, videoName);
|
|
|
} else {
|
|
|
notify("该视频暂无法进行播放", "warning");
|
|
|
}
|
|
|
}else{
|
|
|
var treeObj = $.fn.zTree.getZTreeObj(treeId);
|
|
|
treeObj.expandNode(treeNode);
|
|
|
}
|
|
|
} else {
|
|
|
var treeObj = $.fn.zTree.getZTreeObj(treeId);
|
|
|
treeObj.expandNode(treeNode);
|
|
|
}
|
|
|
}
|
|
|
//双击事件
|
|
|
function zTreeOnDblClick(event, treeId, treeNode) {
|
|
|
}
|
|
|
|
|
|
/*播放多个视频(双击选择非底部子节点)*/
|
|
|
function playManyVideo(event, treeId, treeNode) {
|
|
|
var selectValue = treeNode.id;
|
|
|
var url = "/tapi/video/videoPlayList?sort=b.object_level,desc";
|
|
|
if (selectValue != null) url = url + "&id=" + treeNode.id + "&type=" + treeNode.type + "&size=" + totalNum + "&areaId=130000000000&t=" + Math.random();
|
|
|
$http.get(url, {}, function (data) {
|
|
|
if (data) {
|
|
|
var playList = "";
|
|
|
for (var index = 0; index < totalNum; index++) {
|
|
|
if (index >= data.content.length) {
|
|
|
break;
|
|
|
}
|
|
|
playList += getVideoPath(data.content[index], index);
|
|
|
}
|
|
|
if (playList) {
|
|
|
CCTVActiveX.playbylist(playList, false);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
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 setRowCol(row, col) {
|
|
|
totalNum = row * col;
|
|
|
I_stylePlayer({row: row, column: col});
|
|
|
}
|
|
|
//视频播放
|
|
|
function play(rtmpAddress, iWndIndex) {
|
|
|
if (!iWndIndex) {
|
|
|
iWndIndex = getSelectIndex();
|
|
|
iWndIndex = iWndIndex == -1 ? 0 : iWndIndex;
|
|
|
}
|
|
|
I_StartRealPlay(rtmpAddress, {iWndIndex: iWndIndex});
|
|
|
}
|
|
|
|
|
|
//视频节点点击播放
|
|
|
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});
|
|
|
}
|
|
|
|
|
|
function smartPlayerStop(iWndIndex) {
|
|
|
var parentId = getVideoPaneId(iWndIndex);
|
|
|
// $("#" + parentId).find("div.video-win-title").html("");
|
|
|
$("#" + parentId).find(".video-win-content").html("");
|
|
|
}
|
|
|
|
|
|
function smartPlayerStopAll() {
|
|
|
// $(".video-win-title").html("");
|
|
|
$(". video-win-content").html("");
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
<!-- 鼠标右键 开始-->
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
(function () {
|
|
|
var div = document.querySelector("#video-content");
|
|
|
var menu = document.querySelector("#smartMenu_player-box-0");
|
|
|
// var p=document.querySelector("#p");
|
|
|
div.addEventListener("contextmenu", function (event) {
|
|
|
event.preventDefault();
|
|
|
menu.style.display = "block";
|
|
|
menu.style.left = event.pageX + "px";
|
|
|
menu.style.top = event.pageY + "px";
|
|
|
// p.addEventListener("click",function () {
|
|
|
// alert("a");
|
|
|
// });
|
|
|
});
|
|
|
|
|
|
var o = document.getElementById("video-content");
|
|
|
var h = o.offsetHeight; //高度
|
|
|
var w = o.offsetWidth; //宽度
|
|
|
document.addEventListener("contextmenu", function (event) {
|
|
|
if (event.pageX > h || event.pageY > w) {
|
|
|
menu.style.display = "none";
|
|
|
}
|
|
|
});
|
|
|
})();
|
|
|
</script>
|
|
|
<!-- 鼠标右键 结束-->
|
|
|
|
|
|
<style>
|
|
|
.menu_nav{
|
|
|
position: absolute;
|
|
|
bottom:0;
|
|
|
}
|
|
|
.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(/oss/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(/oss/mainframe/images/top/hover_bg.png)no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
|
|
|
/* 鼠标右键样式--开始 */
|
|
|
.smart_menu_box{ position: absolute; width:130px; background:#fff; border-radius: 5px; display: none; border:1px solid #dfdfdf;}
|
|
|
.smart_menu_ul li{ position:relative;}
|
|
|
.smart_menu_ul li a{ display:block; margin:2px; border-top:1px solid #dfdfdf; color:#777;}
|
|
|
.smart_menu_ul li a p{ padding:5px;}
|
|
|
.smart_menu_ul li:hover p{ background:#f2f2f2; color:#111;}
|
|
|
.smart_menu_ul li:hover .ejcd{ display:block;}
|
|
|
.smart_menu_ul .smart_menu_box{ display:none; position:absolute; right:-100px; width:100px; top:0; background:#fff; padding:2px;border:1px solid #dfdfdf;}
|
|
|
.smart_menu_ul .smart_menu_box a{ margin:2px; padding:5px;}
|
|
|
.smart_menu_ul .smart_menu_box a:hover { background:#f2f2f2; color:#111;}
|
|
|
.smart_menu_box li:first-child a,
|
|
|
.smart_menu_ul .smart_menu_box a:first-child{ border:0;}
|
|
|
|
|
|
.smart_menu_ul li a {
|
|
|
background-repeat: no-repeat;
|
|
|
padding: 5px 0px;
|
|
|
padding-left: 22px;
|
|
|
background-size: 18px;
|
|
|
background-position-y: 6px;
|
|
|
}
|
|
|
|
|
|
/* 鼠标右键样式--结束 */
|
|
|
</style>
|
|
|
<div id="rMenu">
|
|
|
<ul>
|
|
|
<li id="m_addx" onclick="addselefTreeNode();">添加为本区县的推荐</li>
|
|
|
<li id="m_addshi" onclick="addshiTreeNode();">添加为本市区的推荐</li>
|
|
|
<li id="m_delsheng" onclick="addshengTreeNode();">添加为河北省的推荐</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div id="rMenu2">
|
|
|
<ul>
|
|
|
<li id="d_addx" onclick="deletevideo();">删除</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|
|
|
|
