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

[Yaniv]

Hi,
I have embed youtube IFrame player API in my page,
All working as expected till I faced an issue with Samsung Galaxy S3 (4.0.4):
While I start the player can only hear sound with no video unless I'm expanding the video to full screes.

I saw a lot of treads for this here and all over the web but
In order to identify the cause of the problem i performed the following steps (one by one):

1. I checked 1st if youtube application is working as expected on device - and it is.

2. I checked if m.youtube.com is working as expected using the mobile browser - and it is.

3. I added a simple link (http://youtu.be/t2ByLmLnYJ8) in the application that hits youtube video (direct the user to m.youtube.com within the current view) and its NOT working - can only hear sound with no video unless I'm expanding the video to full screes.

4. After that In the save view I selected in m.youtube.com menu the option to switch to a "Desktop" view (still under the application view) and got a message that I have missing flash player installed on the device.

5. I checked if m.youtube.com is working using ChildBrowser plugin by invoke openExternal - and it is.

6. I checked if m.youtube.com is working using ChildBrowser plugin by invoke showWebPage- and it NOT working, getting video cannot play on the device.

   From all above my conclusion is that the issue is the WebView that the application generated on since we can see that while we are using the device browser or application all working as expected (nothing missing) but while we are using the generated application we are facing the issue that the played have missing flash.

   Can you please check this item?

[Illya Stepanov]

Hello Yaniv, thank you for providing such detailed information. We will check.

[Maryna Brodina]

Hello! It's a bug, please try plugin https://github.com/macdonst/VideoPlayer

[Yaniv]

Hi, Thanks for the quick replay,
Can you share some information on this bug:

1. Where is the bug? phoneGap? Appery?

2. What causing this issue? is it as part of wrapping the application (build process)? other step in the way? interpretation of the application by device and android version?

3. Is it only (maybe) on Samsung S3 device (4.0.4)? (I tested it oh HTC with the same core version and its working fine).

   VideoPlayer solution:
   In current design the player loaded in the current page and after the video ended its just stop with no related video presented.
   While using VideoPlayer the user will redirect outside from the application and get related videos. this is not the expected behavior for the application (in addition other plugin will be required to IOS).

   Currently this bug means that embed youtube player cannot be part of the any applications, seems like a critical severity bug, any other way to handle this issue?

[Maryna Brodina]

Hi, looks loke PhoneGap bug. The workaround is to use plugin https://github.com/macdonst/VideoPlayer. We get it working with this plugin.

[sherif ahmed]

how can i use the mentioed plugin in my application, i do have same problem, may you please refer me to the right documentation to import and use that plugin

[Kateryna Grynko]

Hi,

You can find all the documentation on creating and using plug-ins here:
http://docs.appery.io/plugins/
http://docs.appery.io/documentation/p...

[sherif ahmed]

Hi,

may you please check this link and confirm my understanding for the steps in Appery.io

https://github.com/macdonst/VideoPlayer

after i went through many pages in your website i learned the following:
1- I do not need to do the first step in the above link, i only need to import the video.js into the javascript folder of my project in Appery.

2-phonegap plugin is already define in Appery enviroment and i do not need to do anything to include it, also once i imported the video.js i can add an event on a button with the defined function and it should work.

finally i imported the video.js as a javascript and created an event on a button to run the defined function window.plugins.videoPlayer.play("https://www.youtube.com/watch?v=en_sV...");

and it did not work.

may you please correct me if i missed anything.

Many thanks for your help.

[Maryna Brodina]

Hi, follow these steps to add plugin https://github.com/macdonst/VideoPlayer
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/plugins.xml (after line where PushNotification added) add code<plugin name="VideoPlayer" value="com&#46;phonegap&#46;plugins&#46;video&#46;VideoPlayer"&#47;>/code

[sherif ahmed]

still did not work, the apk file build fails, could you please try it yourself and see if it works, i repeated the steps several times and still doing it hopefully i missed anything that is obvious

many thanks for your help