iOS系统似乎控制了浏览器中的视频播放。它会将视频“提升”到最前面。
那么,有没有什么方法可以在iOS播放的视频上叠加图像呢?
不,不是来自 HTML5。iPhone 上的移动 Safari 将始终全屏播放电影。
If you're looking to just overlay an image, this works:
Unfortunately it's not clickable, which is my current problem.
在 iOS 10 及更高版本中,您可以使用该playsinline
属性,然后显示叠加层。虽然没有检查交互性。
来自https://webkit.org/blog/6784/new-video-policies-for-ios/:
在 iPhone 上,
<video playsinline>
元素现在可以内联播放,并且在播放开始时不会自动进入全屏模式。