Two popular Hype requests have been for videos to play inline on the iPhone and a way to autoplay videos on iOS. There is nothing we can do; this is an iOS restriction (though these are capabilities that are possible if you embed Hype content in your own native app with a UIWebView).
Today I discovered some good news - from the look at Apple’s prerelease documentation for the upcoming iOS 10, it looks like Mobile Safari is relaxing this limitation and will now support both of these features:
Or use javascript to add the attribute if you have dropped a video onto the scene…
Give the video an id and run something like this.
var vid = hypeDocument.getElementById('videoplayback1')
vid.setAttribute("playsinline", "");
Note when testing in Hype Reflect none of this will work you need to hit the Safari button in Hype Reflect to see it working.
It looks like Hype Reflect needs updating…
Also note that using the Autoplay from a dropped video and the GUI will not work but does if you manually create the video container in the innerHTML.
I am able to get videos to play inline if I view the hype file via iPad’s Safari.
However, I am developing a Cordova app, and inline does not work. I realise this is likely an apple problem and not a hype problem, but does anyone know if there might be a workaround for Cordova / ionic / react native apps?