移动端 h5 ios不能自动播放音乐的问题，且播放会全屏等问题

最近踩了个坑
项目方要求视频播放如下效果

问题1：ios无法自动播放，往上搜到的都是静音播放
话不多说，上代码
首先姚引用微信的js

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 
<script> 
     document.getElementById('video').play(); 
            //微信必须加入Weixin JSAPI的WeixinJSBridgeReady才能生效 
            document.addEventListener("WeixinJSBridgeReady", function () { 
                document.getElementById('video').play(); //视频自动播放
            }, false); 
    document.getElementById('video').pause(); 
</script>

这样就可以自动播放了，但是
问题2：ios播放会自动全屏，全屏我还要你干什么，这和武松打虎前没喝酒，西门庆窗前过的时候武大郎在家，武大郎卖烧饼的时候没带烧饼一样

放上 playsinline 即可解决

<video  id="video"
			src="comp/shipin1.mp4" 
			autoplay="autoplay"
			loop="loop" 
			controls="controls"
			controlsList="nodownload"
			playsinline  width="100%" height="100%">
		</video>

问题3：另外在此附上静音代码，可打开，方便灵活使用，我可真是个小机灵鬼
show-mute-btn="{{true}}"
muted="{{true}}"

打开方式

document.getElementById("video").muted = false;

video补充

<video  id="video"
			src="comp/shipin1.mp4" 
			autoplay="autoplay"
			loop="loop" 
			controls="controls"
			controlsList="nodownload"
			show-mute-btn="{{true}}" 
			muted="{{true}}"
			playsinline  width="100%" height="100%">
		</video>

好了，完美解决一切问题

ps(不定时更新各种问题，有需要解决的疑难问题可以留言，选中后会作为下一次的分享)