iOS WKWebView 退出后停止播放音頻/視頻

 

 

 

 帶有<video>或者<audio>標簽的H5網頁在播放音頻視頻時，退出webview后不會自動停止播放，手動處理一下。

 

 

 

1.注入使網頁停止音頻、視頻播放的JS代碼(Swift 4)：

        let pauseJSString:String =
"""
var videos = document.getElementsByTagName("video");
        function pauseVideo(){
            var len = videos.length
            for(var i=0;i<len;i++){
                videos[i].pause();
            }
        }
        var audios = document.getElementsByTagName("audio");
        function pauseAudio(){
            var len = audios.length
            for(var i=0;i<len;i++){
                audios[i].pause();
            }
        }
"""
        let pauseJS:WKUserScript = WKUserScript.init(source: pauseJSString, injectionTime: WKUserScriptInjectionTime.atDocumentStart, forMainFrameOnly: true)
        
        let userContentCtrl:WKUserContentController = WKUserContentController.init()
        userContentCtrl.addUserScript(pauseJS)
        conf.userContentController = userContentCtrl
        
        webView = WKWebView.init(frame: CGRect.zero, configuration: conf)

 

 

 

2.退出前，調用暫停播放的JS函數(Swift 4)：

    override func viewDidDisappear(_ animated: Bool) {
        super.viewDidDisappear(animated)
        
        pausePlay()
    }

    /// 暫停播放網頁內的音頻、視頻
    func pausePlay(){
        mWebView.evaluateJavaScript("pauseVideo()") { (data, error) in
        }
        mWebView.evaluateJavaScript("pauseAudio()") { (data, error) in
        }
    }

 

 

 

 

 

---

 Ficow原創，轉載請注明出處：http://www.cnblogs.com/ficow/p/7637922.html