Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Video Area Shows Black Box with Audio in the Background

Hi,

I am currently using the *free version* of the player to test the set-up and comparability of the HTML 5 JW Player with my *Android app*.

The player works just fine on the website. The player also work as desired when the website is viewed in a mobile browser. However, here is the issue i have when i try to embed the player in my Android app;

Within the app, JW Player is expected to play a video when a user performs certain action (e.g. click of a button).

What is happening is; the player shows up in response to user action, the poster image shows up, control bar is visible, audio starts but the video doesn't show up at all. All i see is a black box with the control bar and audio in the background.

I use Samsung Galexy S2 with Android version 4.1.2. I am using the exact code provided by the Publish Wizard on your website. I use .mp4 file hosted on Rackspace Cloud Files with Akmai CDN. I am not adding the "akmaiadvancedjwstreamprovider" to the code as i believe it is only for swf files and not HTML 5 players.

Could you help me sort this out please?

25 Community Answers

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

Are you using a WebView?

Up Down

a...

User  
0 rated :

No. I'm not using webview

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

How are you embedding the player into an app then?

Up Down

a...

User  
0 rated :

I call the DIV and javascript on click of a button / user action to load the player.

Am i doing it wrong?

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

What I mean is, how is it an app then? Is it an APK?

Up Down

a...

User  
0 rated :

Oh OK. No it's not in the APK.

It is a cloud app in which i can update content and code via a CMS. Within the CMS, i can specify objects (e.g. button) and attach actions. This data gets stored on the server. When the app loads on user device and an action is performed, the code associated with the action is called and content retrieved from cloud.

In this case, i have attached JW Player code to a onClick function.

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

Do you have a link that we can view then?

Up Down

a...

User  
0 rated :

Well, i don't have a link. To experience the issue, you will need to download the app from Google Play Store.

Alternately, what i can do is video record the scenario and give you a link of that.

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

How is this an app that can be downloaded if it is not an APK?

Up Down

a...

User  
0 rated :

Oops sorry. I misread your earlier question as "Is the JW Player compiled in an APK" rather than "Is it an APK".

Yes, it is an APK

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

How, how are you loading the player in the apk? We don’t have an official way to do that, nor do we test for this use case.

Up Down

a...

User  
0 rated :

Ah! I think you misread this time. I wrote "Yes, it's an APK" in response to your question "Is it an APK".

As you correctly said, the app is an APK (obvious) but the player is not compiled in the APK (and there is no official way to do that even if i want to)

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

So how is the player embedded in then?

Up Down

a...

User  
0 rated :

Here is the code;

pattern7.onTracked = function (trackingValues) {

$("body").append('<div id="playerenOlEQiYVlzP"></div>');
jwplayer('playerqgMbooApSPet').setup({
file: 'http://e07d21e049f63349ca93-bc948ae6d55b2a611bddacad5266e775.r77.cf6.rackcdn.com/voconow.mp4',
image: 'http://www.longtailvideo.com/content/images/jw-player/lWMJeVvV-876.jpg',
width: '100%',
aspectratio: '3:2',
autostart: 'true'
});

};

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

Yes, but for this to be in an App, this has to be embedded into something like a webview or built using phonegap.

Up Down

a...

User  
0 rated :

And the library is added in the <head> separately

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

Yes, but how is it actually put into the apk?

Up Down

a...

User  
0 rated :

Can you help me understand how can i do it with webview please?

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

How did you actually put the player into you app? You made this…

Up Down

a...

User  
0 rated :

Just added the code given above. The code creates a DIV within which i can see JW Player poster image and video title. When i hit the play button, i get the audio playing but not the video...

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

Yes, but the thing is, when you make an app, you don’t just put html onto a page. It would have to be done in a webview or via phonegap. Regardless, we don’t support the player in apps. It is for websites only. If you want to throw your code up on a link though, we could debug it for you.

Up Down

a...

User  
0 rated :

Since i'm using a platform to create cloud based app, i don't have access to the server side code unfortunately.

Up Down

Ethan Feldman

JW Player Support Agent  
1 rated :

We need to be able to debug something in order to see it. Not going to download the app from the play store, since we have no way to actually debug it since it will be a compiled binary.

You said:

"
The player works just fine on the website. The player also work as desired when the website is viewed in a mobile browser. However, here is the issue i have when i try to embed the player in my Android app
"

That is what I am telling you. We support mobile web.

We don’t support apps.

Up Down

a...

User  
0 rated :

I understand!

Anyway, thanks for your patience and for genuinely trying to understand the issue. Much appreciated. Thanks again.

Up Down

Ethan Feldman

JW Player Support Agent  
0 rated :

Np

This question has received the maximum number of answers.