Web_制作页面开场动画并解决自动播放问题

实例代码:

<!-- 用一个div容器 来包裹视频 -->
	<div id="myVideo" style="position:absolute;z-index:9999;width:100%; height:100%;"> 
	
	 <video onclick="play();"  muted="muted" id="videoplay" autoplay="autoplay" preload="auto"  style="width:100%; height:100%; object-fit: fill">     <source src="" type="video/mp4">    </video>  
	 
	</div>      
	
	<!-- 自动播放视频js代码开始 -->
	<script>  
	
	var ua = navigator.userAgent;
	
	var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
	
	isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
	
	isAndroid = ua.match(/(Android)\s+([\d.]+)/),
	
	isMobile = isIphone || isAndroid;
	
	if(isMobile){
	document.getElementById("videoplay").src= "video/c04.mp4";
	}else{
	document.getElementBy