仅在移动设备上展示HTML5视频的海报

Question

我的视频无法在移动设备上加载，目前我正在Iphone上进行检查，仅显示海报图像。它仅适用于台式机或笔记本电脑。该网站为https://zerogravitytables.com

我在网上看到您需要具有playinline，muted和autoplay属性，但是这些都无济于事。

<video autoplay muted loop poster="{{cdn 'assets/img/mobile- 
  banner.png'}}" class="fullscreen-bg__video">
    <source src="https://www.zerogravitytables.com/template/zero- 
      banner.mp4"  type="video/mp4">
    <source src="https://www.zerogravitytables.com/content/BannerV2.webm" 
      type="video/webm">
    <source src="https://www.zerogravitytables.com/content/BannerV2.ogv" 
      type="video/ogg">
        <p>Your browser doesn't support HTML5 video.</p>
</video>

我希望能在移动设备上看到视频的自动播放，但它甚至不会加载，只显示海报图像。