2016-12-06 28 views
0

私はWKWebViewを使ってpages in Youtubeを開いています。問題は、オープニング時にビデオを再生してフルスクリーンになることです。これは動作が望ましくないことです。動画は埋め込まれていません。説明、コメントなどの全ページです。ios - WkWebViewのYoutube自動再生を無効にする

再生を停止する方法はありますか?

+0

私は同じprobremを持っています。 –

答えて

0

コメントをお読みください。

import UIKit 
import WebKit 
import RxSwift 

class WebViewController: UIViewController { 

    let webview: WKWebView 

    init() { 
     // add config 
     let config = WKWebViewConfiguration() 
     config.allowsInlineMediaPlayback = true 
     if #available(iOS 10.0, *) { 
      config.mediaTypesRequiringUserActionForPlayback = .video 
     } 
     self.webview = WKWebView(frame: .zero, configuration: config) 

     super.init(nibName: nil, bundle: nil) 
     webview.frame = view.bounds 
     subscribeURL() 
    } 

    private func subscribeURL() { 
     self.webview.rx.url 
     .shareReplay(1) 
      .subscribe(onNext: { [weak self] url in 
       guard let url = url else { return } 
       // Navigation Delegate can not detect transition because YouTube is Single Page Application. 
       startInlinePlayApplyInterval() 
      }) 
      .addDisposableTo(disposeBag) 
    } 

    private func startInlinePlayApplyInterval() { 
     // There is time rag to come out new video element so start repeat interval. 
     //Useful Timer extension: http://stackoverflow.com/a/39600244/3276863 
     let loop = Timer.schedule(repeatInterval: 0.2) { [weak self] timer in 
      self?.applyInlinePlay { success in 
       if success { 
        timer?.invalidate() 
       } 
      } 
     } 
     Timer.schedule(delay: 2) { _ in 
      loop?.invalidate() 
     } 
    } 

    private func applyInlinePlay(completion: @escaping (Bool)->Void) { 
     // add attributes 'webkit-playsinline','playsinline','controls' to video element 
     let script = "(function(){var applied=document.querySelector('video').attributes.playsinline!=undefined;if(applied){return false}var videos=document.querySelectorAll('video');var attrList=['webkit-playsinline','playsinline','controls'];for(video of videos){for(attr of attrList){video.setAttribute(attr,'');}}return true})();" 
     webview.evaluateJavaScript(script) { res, err in 
      let isSuccessToApply: Bool = (res as? Bool) ?? false 
      completion(isSuccessToApply) 
     } 
    } 
} 
関連する問題