如何在 iOS 10+ 中在网页中播放 HTML5 视频（内联）答案

【问题标题】：How to play HTML5 video play in webpage(inline) in iOS 10+如何在 iOS 10+ 中在网页中播放 HTML5 视频（内联）
【发布时间】：2018-06-18 06:44:05
【问题描述】：

就像 youtube 一样。在 safari 或 chrome 浏览器中打开 youtube.com。它内联播放视频（它不会自动全屏播放）。我还在我的网站中使用 HTML5 视频播放器。但它会全屏播放到本地播放器。 我在视频标签中尝试了这些属性 "webkit-playsinline" , "playsinline" , controlslist="nodownload"

任何帮助，谢谢！

【问题讨论】：

标签： javascript html css video youtube

【解决方案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>

【讨论】：