We have a problem with iOS 10 Beta 5 and 6 (not sure about prior) where the allowsInlineMediaPlayback property is not being respected. We have a web view that plays a video via an html 5 page, after the video it shows an end card where the user can replay, close, etc. Setting allowsInlineMediaPlayback to true should hide the normal media control overlay (time scrubber at the top, volume and playback at the bottom) but it does not. Also when the video is done, what is displayed in the webview does not show until the "Done" button on the overlay is pressed. Basically the behavior is as though allowsInlineMediaPlayback was not set to true.
When built and run with the iOS 10 SDK this is happening with both UIWebView and WKWebView. However, on an application built with the iOS 9.3 SDK, but run on an iOS 10 device, the UIWebView works as expected (no overlay), but WKWebView does not. When built and run in iOS 9.3 everything works as expected.
I checked the docs to verify allowsInlineMediaPlayback had not been depricated. I searched the Beta forums and checked out the release notes but came up with nothing. Does anybody have an information on this?
Thank you,
Geoff
It turns out WebKit 10 has deprecated some tags for the iPhone, webkit-allowsinline being one of them. Our web engineer updated the tag and everything is working as expected. https://webkit.org/blog/6784/new-video-policies-for-ios/
Change webkit-playsinline to playsinline in the css to fix the issue.