I am trying to play video in Android PhoneGap application using HTML5 video tag.But it is only showing a blank screen with the controls.I have also tried by putting the videos in SD card and also inside the assert folder.
Any idea how to play the video??
Check it..
https://github.com/phonegap/phonegap-plugins/tree/master/Android/VideoPlayer
you can also use this plugin fileOpener Plugin. it will successfully play your all videos from Assets folder i also have tested this plugin result in Samsung Galaxy S3 and tablet and in browsers as well
Related
In latest android 10+ We are facing the wired issue in Ionic application. When user try to play video screen flickering black screen. Mostly its happen in Samsung android devices. Video is not loading from internet. Its a local device video. Also, not an issue with file reading permission. As 1/10 times its work and 9 time not working.
Google Chrome 85 released today fixes this going forward. its an issue with HTML5 Video player and webview. Please update to the latest version of chrome 85 and android webview
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 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
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.
We are using PhoneGap/Cordova 1.8.1 (Android) with the latest version of the ChildBrowser plugin. When we bring up a link to youtube in the ChildBrowser, we generally cannot play any videos. Here is our testing so far:
Android 2 (old Droid 1): Mobile YouTube site comes up, no videos will play at all though (doesn't even switch to video mode).
Android 4 (Motorola Xoom): Mobile site comes up, video seems like it is playing, but only shows a black screen (no sound);
Android 4 (Droid Razr Maxx): Mobile site comes up, plays, but no video only sound.
We also had someone report with an Android 2 device that the video would play, but would change the orientation of the device from portrait to landscape - then upon going back to the app the app would stay fixed in landscape (even though it is set to portrait only).
Yes, you should use the ChildBrowser.openExternal on Android as it will start the Android browser which you can play YouTube video's. The ChildBrowser.showWebPage does not start the browser, instead it creates it's own web view to display the remote side so it is not full featured.