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

Self Hosted Player doesn't work on Andriod or iOS


We are using JW Player to deliver our content and we are finding that the player does not work on Andriod or iOS devices. If we access the page from PC or MAC it works fine.

We get this error message: "Error loading player: No playable sources found"

I can e-mail a link to a test page that shows the problem.

We are using RMTP from Amazon AWS. And we currently have a JW PRO account.


Below is the code with the player key, aws URL and .js file location removed.


<!DOCTYPE html>
<html lang="en-US">

<head>
<script type='text/javascript' src='XXXXXXX/jwplayer.js'></script>
<script type="text/javascript">jwplayer.key="XXXXXXX";</script>
</head>

<body>

<div id='mediaplayer'></div>

<script type="text/javascript">

jwplayer('mediaplayer').setup({
file: "rtmp://XXXXXXX.cloudfront.net/cfx/st/XXXXXXX.mp4",
width: "600",
height: "350",
autostart: "true",
primary: "html5",
displaytitle: "false"
});

</script>

</body>
</html>

Thanks,
Cindy Sparrow
Maiden Network
www.MaidenNetwork.com

3 Community Answers

Randy

JW Player Support Agent  
0 rated :

Hello,

Please feel free to send a link. I would like to make not that RTMP will not work on mobile since Flash is at its core. We suggest using HLS.

Kindly,
Randy

info

User  
0 rated :

Can you provide an e-mail address to send the link? It has my JW Player key and cloudfront URL in it.

jherrieven

User  
0 rated :

@Cindy

You don't really need to send a link as Randy has highlighted the issue above.

RTMP requires flash. iOS & Android don't support flash.

You need to provide an alternative source for iOS & Android in the form of an HLS stream or an MP4 progressive download.

You could switch to providing just an HLS stream, but this would require you upgrading your JW version to Premium.

Instead I would suggest you look at providing the alternative sources using a configuration block such as:

sources: [{
"file": "http://hls-manifest.m3u8",
"type":"hls"
},
{
file: "rtmp://rtm-stream.mp4",
"type":"rtmp"
},
{
file: "http://progressive-download.mp4",
"type":"mp4"
}]

James Herrieven

This question has received the maximum number of answers.