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?
Related
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?
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
Currently am developing a big project in AngularJS(version 1.3X), Bootstrap(3.3.1), animate.css and few other libraries.
I do test my application on different devices via Google Chrome Developers mode and on few browsers like Google Chrome, Mozilla Firefox and Safari(for Windows7).
I also have possibility to perform tests on Android device and iPhone.
For some strange reason my application seems to work on every device except for iPhone 5 with Safari 5.1.7(when using same Safari but on Windows7 it does work).
Has anyone before stumbled uppon similar problem?
#EDIT
Sorry, forgot to mention what is actually happening.
When I try to press button that's supposed to toggle (using jQuery, I know it should be done via ui-routing, but that's how my boss wants it) portion of the view (panel) it does not work. Buttons do not perform any actions. There is no reaction.
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
For some reason, when using a Galaxy S3, I'm able to use the example demo from HTML5Rocks about Device Motion and get acceleration values from the phone's hardware.
Demo: http://www.html5rocks.com/en/tutorials/device/orientation/devicemotionsample.html
But I can't seem to get the code working on my own website. It should just be:
if((window.DeviceMotionEvent)||('listenForDeviceMovement'in window))
{window.addEventListener('devicemotion',deviceMotionHandler3,false);
function deviceMotionHandler3(eventData){var
acceleration=eventData.accelerationIncludingGravity;
...
Any ideas why this code would work for the website above, but not when I copy it into a blank html page?
Are you sure the device you're testing on supports detecting device motion?
Are you accessing the web page from a mobile device browser?
When I click on the link you provide from my PC I'm told that the device doesn't support the device motion event.