React player: Fullscreen mode with custom controls on iOS browsers - javascript

I have a component that uses React player to show and control a video. On a desktop browser, all controls work as they should, but only the fullscreen function doesn't work on iOS browsers. As I read about this topic, I see that many had the same problem for showing video in fullscreen mode on iOS. Is there any way how could I make the video go to fullscreen without using the native controls?

Related

Anyway can open mobile (for android and IOS) flash by using javascript?

I am doing a video call on the web, and I am trying to open the user's mobile flash when capture photo, is it anyway I can do this in javascript?
The flash I mentioned is the flashlight on mobile devices.
I had tried the media stream track method, but can only work for some devices only. cannot work on the iPhone.
thanks

Crosswalk webview on Cordova not resizing after fullscreen

I'm using Crosswalk webview on Cordova to display a webApp made with Ember.js.
In some pages the app have iframes which open a Vimeo player, and I allow them to play in fullscreen.
When the user plays it, it enters fullscreen automatically, resizing the page to increase its height. But, if the user closes fullscreen (or when the video ends and the fullscreen closes), the page isn't resized back to the original height, and my top menu gets hidden behind the mobile status bar.
If then I navigate to another url, the page gets resized and everything is beautiful again.
My question is: is there any javascript/CSS trick I could try to get around this?
INFO: I tested this against 2 phones, one Android 4.1 and the other Android 5.0, and it only happened in the Android 5.0 one. So maybe this is a Crosswalk bug. Doesn't happen at all if I use the native webView, but I wanted to avoid switching to it.
Any help appreciated ;)

How to play an inline video in Phonegap on Android without user interaction?

I'm creating a Phonegap application with embedded video using the HTML5 tag.
The video loads and plays fine. The only problem is that it requires user interaction. The play script runs fine when I trigger it by clicking a link, but will not work when run using setTimeOut. Is there a way to bypass this limitation?
It only needs to work on one device, and the devices is rooted. So hacks are also welcome ;-)
I don't want to play the video fullscreen, so I cannot use the video plugin.
Android 4.2.2, Phonegap 3.2

Cross-browser mobile web solution for full-screen video

A button on my web app triggers an HTML5 video element to play in full screen. This works on iPhones because I added the "webkit-playsinline" element.
However, Androids and many other phones don't support "webkit-playsinline" - and I'm not sure about an alternative solution that is cross-browser mobile compatible.
Any suggestions on how to accomplish this — playing full-screen HTML5 video on Android and other devices?

Safari iOs: Possible to create Youtube Playlist functionality?

Situation: See this site as example: http://www.projekktor.com/demo-d.php It works perfectly on all browsers. On iOs devices it shows the first video correctly.
Problem: "Next" button being showed in Youtube Player on iOs device doesn't work.
What I tried: Did a long search on google but couldn't find anything. Only solutions for Object-C iOs Apps.
Question: Is it possible to inject youtube playlists on iOs devices. Any undocumented API calls someone is aware of?

Categories

Resources