本来video只用autoplay就可以自动播放的,但是由于微信的限制,autoplay在微信中失效。

解决方式:

 <video
 controls
 style="object-fit:fill"
 webkit-playsinline="true"
 x-webkit-airplay="true"
 playsinline="true"
 x5-video-player-type="h5" 
 x5-video-orientation="h5" 
 x5-video-player-fullscreen="true" 
 preload="auto"
 autoplay="autoplay"
 x5-playsinline="true" 
 x5-video-orientation="portrait"
 id="videoID"
 src="video路径"></video>

然后引入微信的js,以及写入以下js

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    document.addEventListener("WeixinJSBridgeReady", function () {
        document.getElementById("videoID").play();
    }, false);
</script>

以上方式只适用于ios,安卓还是无法自动播放(官方解释为正常情况,我也是不能理解。)。

Logo

一站式 AI 云服务平台

更多推荐