cxc
/
ifm


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
							<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <title>污水处理系统</title>
  <link href="views/htclient/css/common.css" rel="stylesheet">
  <link href="views/htclient/css/spjk.css" rel="stylesheet">
  <script type="text/javascript" src="views/htclient/js/echarts.min.js"></script>
  <script type="text/javascript" src="views/htclient/js/jquery-2.2.4.min.js"></script>
</head>
<body>

	
		<div class='grid-common right-grid'>
			#set($count = 1)
			#foreach($!obj in $!list)
			<div class='wrapper spjksj'>
				<div class='tab'>
					<div class='video-tab'><div class='tune-name'>$!obj.zsmc</div><div class='video-datetime'></div></div>
				</div>
				<div class="wrapper-content">
					<div class="content-container">
						<div class='zhejiao zhejiao-1'></div>
						<div class='zhejiao zhejiao-2'></div>
						<div class='zhejiao zhejiao-3'></div>
						<div class='zhejiao zhejiao-4'></div>
						<!-- <div class='video-box-wrapper'>
							<video autoplay="autoplay" muted loop style="object-fit: fill">
								<source src="$!obj.spjk" type="video/mp4" />
							</video>
						</div> -->
						<div class='video-box'>
							<div class='video-title'>$!obj.zsmc</div>
							<div class='video-container player' id="player$!count"
								data-src="$!obj.spjk"
							></div>
						</div>
					</div>
				</div>
			</div>
			#set($count = $!count + 1)
			#end
		</div>

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=dbbe116c55bcd51654d80c4ded02ee7c"></script>
<!--滚动条-->
<script src="views/htclient/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script type="text/javascript">
			var length = $(".spjksj").size();
			
			for(var i = 1 ; i <= length ; i++) {
				var playerElement1 = document.getElementById("player" + i);
				var src = $("#player" + i).data("src");
				console.log(src);
				var player1 = new Clappr.Player({
			  		source: src,
			  		//poster: 'http://clappr.io/poster.png',
			  		mute: true
				});
				
				player1.attachTo(playerElement1);
				player1.play();
			}
			
</script>
</body>
</html>