xiuli.gao
/
youhuiquan


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="yes" name="apple-mobile-web-app-capable">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
		<title>省钱攻略</title>
		<link rel="stylesheet" type="text/css" href="public/public_css.css"/>
		<script type="text/javascript" src="public/public.js"></script>
		<style type="text/css">
			body{
				background: url(image/bgVideo.png) no-repeat;
				width: 100%;
			}
			.liveplayer {
			    position: absolute;
			    top: 0;
			    left: 0;
			    right: 0;
			    bottom: 0;
			}
			video {
			    width: 100%;
			}
			.btn-div {
				width: 100%;
				height: 100%;
			    position: fixed;
			    top: 0;
			    bottom: 0;
			    right: 0;
			    left: 0;
			    margin: auto;
			    display: flex;
			    justify-content: center;
			    align-items: center;
			}
			.btn{
				width: 1rem;
				height: 1rem;
			}
			.btn img{
				width: 100%;
				height: 100%;
			}
		</style>
	</head>
		
	<body>
	   <div class="liveplayer">
		    <video controls poster="image/bgVideo.png">
			   <source src="video/liedou_taobao.mp4" type="video/mp4">
			</video> 
		</div>
		<!--<div class="btn-div">
			<div class="btn"><img class="btnImg" src="image/play.png"/></div>
		</div>-->
	</body>
</html>
<script type="text/javascript">
//	var videoPlayer = (function() {
//	    var $livePlayer = document.getElementsByClassName('liveplayer')[0];
//	    var $video = document.getElementsByTagName('video')[0];
//	    var $playBtn = document.getElementsByClassName('btn')[0];
//	    var $btnImg = document.getElementsByClassName('btnImg')[0];
//	    
//		var isIphone = navigator.userAgent.indexOf('iPhone');
//      if (isIphone != -1) {
//          $playBtn.addEventListener('click', function() {
//          	$btnImg.setAttribute('src','image/suspend.png');
//		    	$video.setAttribute('controls','controls')
//		        $livePlayer.style.display = 'block';
//		        $video.style.display = 'block';
//		        window.location="https://shengqian-viedo.oss-cn-beijing.aliyuncs.com/operation-video/liedou_taobao.mp4"
//		    })
//      }
//      else {
//		    $playBtn.addEventListener('click', function() {
//          	$btnImg.setAttribute('src','image/suspend.png');
//		    	$video.setAttribute('controls','controls')
//		        $livePlayer.style.display = 'block';
//		        $video.style.display = 'block';
//		        $video.play();
//		    })
//	    }
//      
//      $video.addEventListener("ended",function(){
//	        //监听播放结束
//	        $btnImg.setAttribute('src','image/play.png');
//	    })
//	})()
	

</script>