Ionic 6 + Angular：`video` 标签在 iOS 应用程序构建中不起作用

Question

我使用 html5 video 标签来引用视频：

<video
        width="100%"
        height="auto"
        onloadedmetadata="this.muted = true"
        oncanplay="this.play()"
        poster="/assets/images/video-default-background.png"
        loop
      >
        <source src="/assets/videos/video-ref.mp4" type="video/mp4" />
      </video>

这在 Android 设备上完美运行，但在 iOS 设备上不行。在浏览器版本中检查这一点时，我也无法检测到任何问题，这似乎也按预期工作。

在这种情况下，除了使用视频标签之外还有其他选择吗？

Answer 1

我最终找到了这个线程，其中列出了可以添加以在 iOS 上运行视频标签的其他属性： HTML5 视频标签无法在 Safari、iPhone 和 iPad 中工作

最后，我将

playsinline

和

autoplay

属性添加到视频标签中，并且成功了。