我在 VueJS 项目中有一个媒体播放器,是从第 3 方注入的。它是一个基本的 HTML
<video />
,带有一些包装器和容器,我们在其中调用内容的 3rd 方 API,并将其发送给播放器。该网页由 WKWebView 使用配置 allowsInlineMediaPlayback = true
加载。但将此设置为 true 时,全屏模式不使用本机控制器。相反,它只填充 webview 上下文(而不是全屏)并基本上破坏页面。如何允许视频内联播放并使用 iOS 上的本机全屏控制器?
我在不同的设置中遇到了同样的问题,我发现我使用的库的
isElementFullscreenEnabled
中的 WKPreferences
值设置为 true
。将其设置为 false
解决了我的问题。
文档:https://developer.apple.com/documentation/webkit/wkpreferences/3917769-iselementfullscreenenabled