WkWebViewでビデオをインラインで再生する方法

Question

iphoneを使用してウェブビューでビデオを再生すると、このビデオはネイティブプレーヤーでフルスクリーンで開きます。

「allowsInlineMediaPlayback」プロパティをtrueに設定してUIWebViewとWKWebViewを試しました。しかし、Webコンテンツのビデオは、iPhone iOS 10.2で全画面表示されます。私は何ができますか？

let webConfiguration = WKWebViewConfiguration() 
// Fix Fullscreen mode for video and autoplay 
webConfiguration.preferences.javaScriptEnabled = true 
webConfiguration.mediaPlaybackRequiresUserAction = false 
webConfiguration.allowsInlineMediaPlayback = true 

webView = WKWebView(frame: CGRect(x: 0, y: 0, width:self.backgroundView.frame.width, height:self.backgroundView.frame.height), configuration: webConfiguration) 

ENV：Xcodeの8、迅速な3

Answer 1

私はそうやってしまった：HTMLとして

func load(url: String) { 
    let html = "<video playsinline controls width=\"100%\" src=\"\(url)\"> </video>" 
    self.webView.loadHTMLString(html, baseURL: nil) 
} 

ロードのWebビューをしてUXをカスタマイズするためにいくつかのビデオタグを追加。

Answer 2

ここでは、HTML文字列を使わずに行うことができます。

スウィフト4：

if let mediaURL:URL = URL(string: "https://ia800307.us.archive.org/14/items/electricsheep-flock-244-32500-9/00244%3D32649%3D22645%3D23652_512kb.mp4") { 
    let request:URLRequest = URLRequest(url: mediaURL); 
    self.webView.load(request) 
} 

のObj-C：

NSURL *mediaURL = [NSURL URLWithString:@"https://ia800307.us.archive.org/14/items/electricsheep-flock-244-32500-9/00244%3D32649%3D22645%3D23652_512kb.mp4"]; 

NSURLRequest *request = [NSURLRequest requestWithURL:mediaURL] 
[self.webView loadRequest:request];