移动端video标签兼容ios自动播放

发布于 2023-06-01  627 次阅读


前言

使用video标签在其他端都可正常播放,只有iOS没办法自动播放。

所以就想了一个小方法。

正文

<video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered video"
       muted autoplay preload loop
       x5-video-player-fullscreen="true"
       x5-playsinline
       playsinline
       webkit-playsinline
>
    <source src="https://ciyuani.com/xxx.mp4" type="video/mp4" >
</video>

在video标签上添加如下即可:

x5-video-player-fullscreen="true"
x5-playsinline
playsinline
webkit-playsinline