使用自定义HTML 5视频控件以全屏方式在WKWebView中播放HTML 5视频

Question

我必须在WKWebView应用程序中的iOS中播放视频。 我已经创建了HTML，以使用具有自定义视频控件的video.js库播放视频。

当我将此HTML嵌入WKWebView中并内联播放时，效果很好。 问题： 单击全屏按钮后，它会切换到全屏但具有IOS的默认视频控件，而我希望视频播放器本身以全屏打开。

关于解决该问题应遵循的方法的任何建议都受到欢迎。

这是我的快捷代码

override func viewDidLoad() {
        super.viewDidLoad()

        if let url = URL(string: "my url here") {

            let webConfiguration = WKWebViewConfiguration()
            let webPreferences = WKPreferences();
            webPreferences.javaScriptCanOpenWindowsAutomatically = true;
            webPreferences.javaScriptEnabled = true;

            webConfiguration.preferences.javaScriptEnabled = true

            webConfiguration.allowsInlineMediaPlayback = true

            webview = WKWebView(frame: CGRect(x: 0, y: 0, width: 375, height: 300), configuration: webConfiguration);

            displayView.addSubview(webview)

            var request = URLRequest(url: url)
            let bundleIdentifier = Bundle.main.bundleIdentifier
            request.setValue(bundleIdentifier, forHTTPHeaderField: "x-requested-with")



            webview.load(request)
        }
    }

其输出为

但是在全屏模式下，视频控件已更改为IOS的默认控件，但我只想在全屏模式下使用自定义控件进行播放。