我正在编写一个使用 html5 视频元素的应用程序。
在iOS Safari上使用playsinline来确保视频被视为定位等的内联元素时，它按预期工作，除了视频出现在所有内容之上。z-index和定位技术似乎对这个问题没有帮助。 在任何情况下，我都无法让任何东西出现在视频顶部。
在除iOS Safari之外的每个浏览器上，这似乎都可以正常工作。
作为参考，这是一个 Angular 应用程序，我目前正在 iOS 11.1.2 上的移动 Safari 中进行测试
另外值得一提的是，视频src将解析为本地blobURL。 例如。blob:file:///2afb998a-84e3-4819-8243-5da7d7da3cb6
<video
id="video"
[src]="src"
autoplay="autoplay"
muted="muted"
webkit-playsinline
playsinline>
</video>
我遇到了同样的问题。从标签的父div中删除overflow样式video解决了这个问题。有关详细信息，请参阅缩放元素中的视频和 z 索引：某些div 消失。