igdss-app.git - Gitblit

			@@ -13,124 +13,124 @@
			<link rel="stylesheet" href="./css/admin/security-video.css">
			</head>

			<body class="g-bg" style="background-image: url(images/m-bg2.png);">
			<body class="g-bg" style="background-image: url(images/m-bg2.png);">
			<header id="header" class="mui-bar mui-bar-nav m-pagetit">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">视频监控</h1>
			</header>
			<div class="mui-content">
			<!-- 固定视频区域 -->
			<div class="video-container">
			<div class="m-videob1" id="toVideo">
			<video src="" poster="images/pos1.png"
			class="video" webkit-playsinline="true" playsinline="true" controls></video>
			</div>
			</div>

			<div class="mui-scroll-wrapper box">
			<div class="mui-scroll">
			<div class="wp">
			<div class="m-videob1" id="toVideo">
			<!-- src="http://player.alicdn.com/video/aliyunmedia.mp4" -->
			<video src="" poster="images/pos1.png"
			class="video" webkit-playsinline="true" playsinline="true" controls></video>
			</div>
			<ul class="ul-locb1" id="recordList">
			<!-- <li>
			<a onclick="getVideo(1,1)" class="con" style="background-image: url(images/icons/g-i15.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i13.png" alt="">
			</div>
			<div class="name">摄像头1 (球机)</div>
			<!-- 独立滚动的列表区域 -->
			<div class="list-container">
			<div class="scroll-wrapper">
			<ul class="ul-locb1" id="recordList">
			<li>
			<a onclick="getVideo(1,1)" class="con" style="background-image: url(images/icons/g-i15.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i13.png" alt="">
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i16.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i14.png" alt="">
			</div>
			<div class="name">摄像头2 (枪机)</div>
			<div class="name">摄像头1 (球机)</div>
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i16.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i14.png" alt="">
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i17.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i13.png" alt="">
			</div>
			<div class="name">摄像头3 (球机)</div>
			<div class="name">摄像头2 (枪机)</div>
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i17.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i13.png" alt="">
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i15.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i13.png" alt="">
			</div>
			<div class="name">摄像头4 (球机)</div>
			<div class="name">摄像头3 (球机)</div>
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i15.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i13.png" alt="">
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i16.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i14.png" alt="">
			</div>
			<div class="name">摄像头5 (枪机)</div>
			<div class="name">摄像头4 (球机)</div>
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i16.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i14.png" alt="">
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i17.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i13.png" alt="">
			</div>
			<div class="name">摄像头6 (球机)</div>
			<div class="name">摄像头5 (枪机)</div>
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i17.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i13.png" alt="">
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i15.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i13.png" alt="">
			</div>
			<div class="name">摄像头7 (球机)</div>
			<div class="name">摄像头6 (球机)</div>
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i15.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i13.png" alt="">
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i16.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i14.png" alt="">
			</div>
			<div class="name">摄像头8 (枪机)</div>
			<div class="name">摄像头7 (球机)</div>
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i16.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i14.png" alt="">
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i17.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i13.png" alt="">
			</div>
			<div class="name">摄像头9 (球机)</div>
			<div class="name">摄像头8 (枪机)</div>
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			<li>
			<a href="" class="con" style="background-image: url(images/icons/g-i17.png);">
			<div class="left">
			<div class="icon">
			<img src="images/icons/g-i13.png" alt="">
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			-->
			</ul>
			</div>
			<div class="name">摄像头9 (球机)</div>
			</div>
			<div class="right"><span class="mui-icon mui-icon-forward"></span></div>
			</a>
			</li>
			</ul>
			</div>
			</div>
			</div>