I'm using an iframe to embed a youtube video in an app for android/iOS developed using jQuery mobile and phonegap build.
Testing it on my browser works fine.
On my device (android) I see the video thumbnail, but when I click on it the screen goes black, I see the controls (play, forward and backward) and the video doesn't start.
On some other video I see the loading "circle" and after that the YT related videos.
I'm checking that the video is avaible for mobile
http://gdata.youtube.com/feeds/videos?alt=json&format=1,6&fields=entry[link/#rel='http://gdata.youtube.com/schemas/2007%23mobile']&max-result=10&category=Music&q="+mySong
Any help would be really appreciated.
This tutorial seems to work :
http://eisabainyo.net/weblog/2012/01/24/embed-a-youtube-video-iframe-in-phonegap-app/
Pay attention to this step:
Change/add the following values in PhoneGap.plist file of your app.
MediaPlaybackRequiresUserAction: NO
AllowInlineMediaPlayback: YES
OpenAllWhitelistURLsInWebView: YES
ExternalHosts
*.youtube.com
*.ytimg.com
The problem seemed to be related with the android version: on 4.0 the iframe/html5 version worked fine. The problem was on android 2.3.
I used a jqm plugin as a workaround in 2.3
Related
We just noticed that our Vimeo videos do not open in full screen anymore when the play button is tapped on Android devices and there is no way to make the video full screen either. Full screen does still work in iOS though. We even went back and tested an older version of the Cordova based app and those no longer opened in full screen so it seems to be an issue with Vimeo.
I've tried doing some searching via StackOverflow and Google but have not been able to find anything that has helped. Has anyone else had this issue? None of our code has changed when it comes to videos and this used to work. Like I said previously, it still works on iOS. I would say it's an Android issue however, it doesn't work on an older Android OS anymore either with an older version of our app so it seems that it's a Vimeo issue.
Thank you!
Right now, I'm developing mobile application - Simple Web browser with Android Studio 2.3 (Android SDK API 15).
I'm using WebView to display web pages. All renders properly except videos (on YouTube or other platform with HTML5 videos). I can only hear audio but the screen of the video is black and that's it. I tried different solutions:
I enabled hardware acceleration on in Manifest file:
android:hardwareAccelerated="true"
Also I set this for my Main Activity java file. Brow is my variable for WebView.
brow.setWebChromeClient(new WebChromeClient());
brow.getSettings().setAllowFileAccess(true);
brow.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
And still with no luck. You can see my problem on the screenshot. So I'm waiting for working solution! If you need more info, type comment below! Thanks!
Screenshot of the problem
Good time passed since the relevant posts - 2 years. I wonder if the mistake is on my part - I am using this tutorial
https://developers.google.com/youtube/iframe_api_reference?csw=1
"Getting started section".
I very enjoy the player itself which works perfectly on Firefox 23.0.1 and Chrome 29.0.1547.62 m, but it freezes in IE10 and on my Android Galaxy Nexus phone 4.3.
In IE10 it seems to freeze on the player state change. I've also tried Firefox app on my phone and again it works while native browser freezes on the same player state change.
I've checked the spec and it seems HTML5 player is supported by both IE past 8 and Android.
Could anyone enlighten me please whether the mistake is on my part or something is fundamentally wrong with IE and my Android phone native browser?
I have same problem. When I open same page with Android Chrome, video is loading successfully. But Built-in android browser and also Lumia's browser(IE) can't load video.
That's a strange situation that video can be load at Youtube player's demo page(https://developers.google.com/youtube/youtube_player_demo) on Android's native browser.
So I am having issues with the Vimeo player on an Android device (Samsung Galaxy S3) running Android 4.1.
In the web browser it seems that the Android OS web browser turns the iFrame into a native HTML5 player once the video starts. This seems to render the Froogaloop API useless.
An example can be seen here: http://www.dmns.org/science/museum-scientists/chip-colwell-chanthaphonh/mobile .
Click on the 'Videos' tab and click on the Next and Previous arrows. The arrows should stop the videos.
Those should 'unload' or stop/pause the video but they does not. It works on desktops fine and older Android devices, but the new Android 4.1 OS the player does not stop when the arrows are selected.
Note: I have not downloaded Flash for Android and don't want to.
If you have a solution or any suggestions to try that would help tremendously. Thanks in advance.
I'm building a mobile site and haven't been able to get a HTML5 video element to work on my Samsung Galaxy S with Android 2.2.
The embedded video element at http://mediaelementjs.com/ DOES work.
However, the video element I created at http://mattjennings.net/zzz/video-test/test.php DOESN'T work. As you can see I'm also using code from Media Element JS Listed above.
I've spent hours trying to solve this problem including converting the test.mp4 file in my example link above to an "Android ready format" with Videora Android Converter.
are you trying to paly in video in emulator or in device. If it is not playing in the emulator it is the problem of video resolution. Best to try video of low resolution. I have gone through same problem.
Please go through the below url it may help you
The Android browser (before 2.3) requires specific handling to run the video element.
I ended up using HandBrake (https://handbrake.fr/), which is free and open source software, to create MP4 files for a website that could play on my Samsung Galaxy S3 phone that runs Android 2.2.
I also used code from http://www.mediaelementjs.com/ to make this work.