IFrame player API only play audio with no video - WebView issue?

[Maryna Brodina]

Here is an updated instruction:
1) Create JS asset with name "video" and paste this JS code https://raw.github.com/macdonst/Video...
2) On Source tab in Android/projectName/src/com/phonegap/plugins/ create "video" folder and in this folder create file VideoPlayer.java, paste this code https://raw.github.com/macdonst/Video...
3) On Source tab in Android/projectName/res/xml/config.xml (after line where PushNotification added) add pre<feature name="VideoPlayer">
<param name="android-package" value="com&#46;phonegap&#46;plugins&#46;video&#46;VideoPlayer"&#47;>
<&#47;feature>/pre

[John5269257]

Hi - I just tried Marina's new instructions posted about 4 hours before this reply.

The apk built ok, but video problem remains.

To make sure this is the correct problem, here is a summary of what I'm trying to fix:

I have an app with a video component. When opened as a web app in chrome on android the player appears and the video plays properly, at the right size (not full screen).
When I build it as an android app the player appears, but the video plays invisibly, unless full-screen is selected during playback (by touching the screen to get the controls back) The video then plays properly full screen..

I get this identical behavior with and without the latest video plugin installed using your instructions.

Can I try anything else?
John

[Maryna Brodina]

Hello! How do you add video on page? Please try the following code:
prewindow&#46;plugins&#46;videoPlayer&#46;play("http:&#47;&#47;youtu&#46;be&#47;t2ByLmLnYJ8");/pre

[John5269257]

Thanks Marina,
Your code above works fine when attached to a button in my app, so the player is working. This in itself is very good news.

I'm using the appery video control to play video, and the problem remains. In summary:

"When I build it as an android app the player appears, but the video plays invisibly, unless full-screen is selected during playback (by touching the screen to get the controls back) The video then plays properly full screen.. "

I hoped that the plugin would magically fix the appery video component, but it looks like I need to adopt a different approach to playing video in an android app -- to use the plugin explicitly instead of the appery video component. Is this an accurate summary?

Thanks for your help,
John

[Maryna Brodina]

Yes, you can't change the way component works. In fact it's a html5 video player in browser. If it doesn't play - there is nothing you can do. Plugin can play the video because it doesn't build in browser.

[John5269257]

I think this is a phonegap issue.
I found this:
http://community.phonegap.com/nitobi/...

and followed the post by az azov

I can confirm that on my phone his debug app plays video and sound inline, his signed app only plays sound.

Can appery generate a debug apk? If so I'll test my appery app in debug mode.

John

[Maryna Brodina]

In App settings on Android binary tab there is a Release checkbox.
You can download your app source code, open project in Eclipse and try to build app with updated PhoneGap version. Currently in Appery.io 2.9.0 version is used so you can try with updated one.

[carsly]

We've been having the same issue, works fine if we output our projects as mobile web or iOS but does not work on Android (sound only in a frame on the page, video works full-screen only). Few different options laid out here, we are using the current release versions in Appery. What's the method to try? Youtube also has an iframe player API but I haven't been able to get that working right either.

Agree this is a big issue.

[Kateryna Grynko]

Hi,

What Android version do you use?

[carsly]

4.x on a Nexus 10 and Nexus 7. Also running on a Kindle Fire HD (9"), my understanding from Amazon's developer relations, who rejected our apps, is that their skin is built on Android 2.3.

I've tried the appery settings for android output at 3.x and 2.x but it doesn't seem to matter.