我将HTML5视频作为自动播放的背景嵌入，从iOS 10开始，但在早期版本中，它只显示带有播放按钮的图像（iOS 10上未显示）。在这些情况下，我想显示一个GIF作为后备，以便始终提供一个在没有播放按钮或用户交互的情况下自动播放的选项，但我不知道如何实现这一目标。我应该只是在JavaScript中检查iOS版本并替换元素，或者是否有与onerror source属性类似的方法？
这是我的视频：
<video id="home-bg-video" poster="img/bg.png" autoplay loop muted playsinline>
<source src="vid/bg.mp4" type="video/mp4">
</video>
提前致谢！