微信浏览器中控制视频的播放

需求：官网的视频要在微信浏览器中播放，由于微信浏览器不支持自动播放，所以只能手动设置

<div class="globel_view" style="position:relative;">
	<video id="video_play" style="width: 100%; height:auto;" loop="" muted="" playsinline="" poster="/static/h5/mobile/image/video_preloader1.png?113">
		<source src="huoyun_etwod/page1.mp4" type="video/mp4">
	</video>
	<span id="play_btn" style="position: absolute; top:50%; left: 50%; margin-top:-1.5rem; margin-left:-1.5rem; width:3rem; height:3rem;"><img src="/static/h5/mobile/image/play_btn.png" width="100%"></span>
</div>

	//视频在微信浏览器中手动播放
	var ua = navigator.userAgent.toLowerCase();
	var isWeixin = ua.indexOf('micromessenger') != -1;
	var myVideotop = document.getElementById("video_play");//这一步很关键，不能用jquery获取元素
	if (isWeixin) {
	    $("#play_btn").click(function(){
			myVideotop.play()
			$("#play_btn").hide()
		})
	}else{
	    $("#play_btn").hide()
		myVideotop.play()
	}

在微信浏览器中有播放按钮，其他浏览器自动播放
playsinline 属性//ios支持小窗播放 false 全屏播放
autoplay 属性//ios默认有播放按钮