原标题:如何解决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>