我有一个关于循环的背景视频，它在桌面上完美运行，但是当我在手机上看到它时它不会播放[重复]

Question

这个问题在这里已有答案：

• HTML Video not working on mobile 2回答

适用于台式机或笔记本电脑中的所有尺寸，但当我在手机上看到它时，它看起来就像是图像。

.video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translate(-50%, -50%);
}

<video controls autoplay muted loop id="myVideo">
    <source src="img/Smartphone - 3180.webmsd.webm" type="video/webm">
 </video>

In mobile instead of autoplaying it stays like that, the video is in webm format

Answer 1

许多移动浏览器不支持移动设备上的自动播放，但是，对于Android的Chrome更新版本以及iOS上的浏览器，只要它被静音，它们就应该能够自动播放视频。

Check out this answer as well

编辑：看起来您还需要在视频元素上使用属性playsinline才能使其正常工作。

<video controls autoplay muted playsinline></video>

This forum mentioned the playsinline attribute that is needed to work