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