我正在编写一个使用html5视频元素的应用。
在iOS Safari上，当使用playsinline来确保视频被视为用于定位等内容的内联元素时，它可以按预期运行，除非该视频出现在所有内容的顶部 >。 z-index和定位技术似乎无法解决此问题。在任何情况下，我都无法在视频顶部显示任何内容。
在除iOS Safari以外的所有浏览器上，这似乎都可以正常工作。
作为参考，这是一个Angular应用，我目前正在iOS 11.1.2的Mobile Safari中进行测试
值得一提的是，视频src将解析为本地 blob 网址。例如。 blob:file:///2afb998a-84e3-4819-8243-5da7d7da3cb6
<video
id="video"
[src]="src"
autoplay="autoplay"
muted="muted"
webkit-playsinline
playsinline>
</video>