WEB Mobile：没有控件的自动播放视频

WEB Mobile: Autoplay video with no controls

我制作了一个动画短片，我想将它应用到我的网站中。

动画只有几秒钟，而且没有声音。

我想实现它，就像实现 GIF 一样，意思是：我希望它 自动播放，运行不断循环，我不希望有任何控件.

所以我渲染了一个 GIF，为了比较，我还渲染了一个 .mp4 视频，而 .mp4 的效果要好得多：

mp4: Looks exactly like I want it to look.

GIF: Even after splitting the frame-rate in half, the GIF-file is still about 5x larger then the .mp4 and it looks very noticeably worse.

所以，当然，我正在实施 .mp4，这就是我的做法：<video autoplay muted loop> – 这在桌面上运行良好，但在移动设备上运行不佳。

在桌面上，它基本上表现得像 GIF，但在移动设备上它不会自动播放，当我点击播放时，它会在一种“灯箱”或播放器中打开视频，其他一切都消失了，我只是看视频。

我希望移动设备上的视频也能自动播放，但我不希望浏览器打开任何类型的播放器，我该怎么做？或者：这可能吗？

如果可能的话，我真的不想使用 GIF。 .mp4 就好多了。

如果 CSS 无法做到这一点，也许有 JS 方式？

我已经在移动设备上试过了，它自动播放对我来说很好。也许 playsinline 属性可以帮助您。如果您不希望视频在播放时以全屏模式启动，您应该为移动设备使用 playsinline 属性。