video2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>video</title>
    <style type="text/css">*{padding:0;margin:0;}</style>
</head>
<body>
<a style="display: block;margin:10px;padding: 10px;background-color: #ccc" href="javascript:void(0)" >1111</a>
<div>
        <video webkit-playsinline playsinline style="width:100%"  preload="auto" src="https://mat1.gtimg.com/yslp/xiaochengxu/video/test.mp4" id="video" type="video/mp4"></video>
	
</div>
    <script type="text/javascript">
	var video=document.getElementById("video")
	;
	document.querySelectorAll('a')[0].onclick = function(){
		video.play();
		alert(4)
	}
//     document.querySelectorAll('video')[0].style.width=window.innerWidth+'px';
    </script>
</body>
</html>