javascript - 如何在 iOS 10+ 的网页中播放 HTML5 视频(内联)

Question

就像 youtube 一样。在 Safari 或 Chrome 浏览器中打开 youtube.com。它内联播放视频(它不会自动全屏显示)。我还在我的网站上使用 HTML5 视频播放器。但它会以全屏模式转到 native 播放器。我在视频标签中尝试了这些属性 "webkit-playsinline", "playsinline", controlslist="nodownload"

任何帮助，谢谢!

Answer 1

以下是来自webkit在线资料(https://webkit.org/blog/6784/new-video-policies-for-ios/)的例子:

<video autoplay loop muted playsinline>
  <source src="image.mp4">
  <source src="image.webm" onerror="fallback(parentNode)">
  <img src="image.gif">
</video>