javascript - how to make html5 player play on Ipad fullscreen using UIWebView -


I have a video app, where I've added custom CSS in the HTML5 player. It works fine in the browser in minimal browser and max mode. But in the case of iPad fullscreen HTML5, the original player is not seen rather than playing.

How can we make the HTML5 player to play on the iPad fullscreen mode, instead of the native player, I found out that if only the enabled InlineMediaPlayback property in UIWebView is set to YES. We can create HTML5 files. But what is UIWebView and how can I use it?

Any kind of help is greatly appreciated. Help please UIWebView means that the development of the app (app store) is either by using native code or by web Using technologies like languages, it is such a component that allows the webpage to be presented in an application.

When you watch HTML 5 videos in Safari iOS, Apple does not allow you to control your original fullscreen experience on iPad / iPhone - when the video is fullscreen will play in the default QuickTime Player. It is stated that .

Inline media playback is used as a HTML5 video tag property in UIWebView, which allows the video to play inline (aka in window mode) and because the original resident fullscreen player is automatic Do not toggle when the video is in the iPhone / iPod.

You can either create an app for it to achieve what you want, or if you want to stick to the browser-based video display on HTML5, then you can use the iPad (and just follow the fullscreen on the iPad It can not work on iPhone / iPod) For this you need to develop and expand the dimensions in the CSS of the video tags at the full width and height of view port.

It is a bit tricky but you can read here - section pseudo-fullscreen - For example, IE 9 and 10 HTML 5 video does not support the original fullscreen and you also apply this approach Have to do.

I personally use something slightly different:

  .fullscreen {status: fixed; Z-index: 1000; Left: 0; Correct: 0; Top: 0; Bottom: 0; Width: 100%; Height: 100%; Background: # 000000; Hidden flurry; }   

For the iPad you can bypass the native full-screen approach with this pseudo-fullscreen angle. You may also want to read about locating native fullscreen capabilities in the browser.

Comments

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -