How to play video inline with WkWebView

Question

When you use an iphone and play video in a webview, this video is open in the native player in fullscreen.

We have tried UIWebView and WKWebView with "allowsInlineMediaPlayback" property to true. But the video in the web content launch in fullscreen with an iphone iOS 10.2. Have you and idea what i can do ?

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, swift 3

Answer 1

There is no problem for your code,but you need one more step, the video URL you use should always with a parameter playsinline=1.

//step1 if let videoURL:URL = URL(string: "https://somevideo.mp4?playsinline=1") //step2 webConfiguration.allowsInlineMediaPlayback = true 

then you can do the left things.

Answer 2

Here is a solution as you want, i make player programatically and change some code, to play video inline.

var myPlayer: WKWebView!      override func viewDidLoad() {         super.viewDidLoad()          let webConfiguration = WKWebViewConfiguration()         webConfiguration.allowsInlineMediaPlayback = true         webConfiguration.mediaTypesRequiringUserActionForPlayback = []          myPlayer = WKWebView(frame: CGRect(x: 0, y: 0, width: 375, height: 300), configuration: webConfiguration)         self.view.addSubview(myPlayer)          if let videoURL:URL = URL(string: "https://www.youtube.com/embed/9n1e1N0Sa9k?playsinline=1") {              let request:URLRequest = URLRequest(url: videoURL)              myPlayer.load(request)         }          //OR to show player control also, use this         /*if let videoURL:URL = URL(string: "https://www.youtube.com/embed/9n1e1N0Sa9k?playsinline=1&controls:1") {              let request:URLRequest = URLRequest(url: videoURL)              myPlayer.load(request)         }*/     }