如何解决Html5中video视频标签微信端移动端web端不能自动播放问题？

原标题：如何解决Html5中video视频标签微信端移动端web端不能自动播放问题？

如何解决Html5中video视频标签微信端移动端web端不能自动播放问题？

H5 video标签，移动端不能自动播放，下面直接上解决方案：

1、IOS微信端，自带浏览器不能自动播放

 <video class="video" id="myVideo" src="视频地址" 
 autoplay="" 
 muted="" 
 loop=""&nwww.yii666.combsp;
 webkit-playsinline="" 
 playsinline="" 
 x5-playsinline="" 
 x-webkit-airplay="allow" 
 x5-video-player-type="h5" 
 x5-video-player-fullscreen="" 
 x5-video-orientation="portraint"  
 style="display: inline;"
/>您的浏览器不支持vedio，请更换浏览器再观看！</video>

2、JS解决方案，只能解决一般问题

<script>
function autoPlayVideo() {
    /* 自动播放视频效果，解决浏览器或者APP自动播放问题 */
    function videoInBrowserHandler() {
        videoPlay(true);
      www.yii666.com;  document.body.removeEventListener('touchstart', videoInBrowserHandler);
    }
    document.body.addEventListener('touchstart', videoInBrowserHandler);
    /* 自动播放视频效果，解决微信自动播放问题 */
    function videoInWeixinHandler() {
        videoPlay(true);
        document.addEventListener("WeixinJSBridgeReady", function () {
            videoPl文章来源站点https://www.yii666.com/ay(true);
        }, false);
        document.removeEventListener('DOMContentLoaded', videoInWeixinHandler);
    }
    document.addEventListener('DOMContentLoaded', videoInWeix文章来源地址https://www.yii666.com/share/147.htmlinHandler);
}
function videoPlay(isPlay) {
    var med文章来源地址https://www.yii666.com/share/147.htmlia = document.getElementById('myVideo');
    if (isPlay && media.paused) {
        media.play();
    }
    if (!isPlay && !media.paused) {
        media.pause();
    }
}
autoPlayVideo();
</script>

来源于：如何解决Html5中video视频标签微信端移动端web端不能自动播放问题？