How do i embed this m3u8 into jw player

james picture james · Feb 20, 2013 · Viewed 37.4k times · Source

Total novice here so if you can be patient with me id really appreciate it.

Now i have this url

http://213.202.73.8:1234/data/channels/ARENA1. m3u8

I want to embed this into my JW Player, I have both Jw Player 5 & 6 So whatever is easiest, Can someone help a brother out and what code would i need to embed this so it plays on the JW Player if possible.

If you could write the FULL code so i can understand coz as i said a total novice here but fast learner lol.

Cheers guys

UPDATE:

Ok so i have had a little fiddle around and after have a look around came up with this code:

<script type='text/javascript' src='jwplayer2/jwplayer.js'></script>

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

<script type="text/javascript">
jwplayer('mediaplayer').setup({
'id': 'playerID',
'width': '480',
'height': '270',
'file': 'http://213.202.73.8:1234/data/channels/ARENA1. m3u8',
'image': '/thumbs/bunny.jpg',
'modes': [
{type: 'html5'},
{type: 'flash', src: 'player.swf'},
{type: 'download'}
]
});
</script>

So it works in safari brilliantly but not in chrome, IE, or Firefox, Any ideas as to why, When i click the play button with those browsers nothing happens simply just doesnt load the timer type thing in the middle of the player doesnt go around its trying to load something but nothing in the player lol.

Cheers guys

UPDATE 2:

If its a link to the site here it is: http://testersite.byethost22. com/test.html

UPDATE 3:

Ive also tried another one and this time it says "The video could not be loaded, either because the server or network failed or because the format is not supported:"http: //video.popler.tv:554/publishlive/4funtv/playlist.m3u8"

You can see this here: http:// testersite.byethost22. com/u. html It says this in safari only though, same problem as before with chrome etc but now when i click on the player in chrome it simply downloads a playlist.m3u8

Hope someone can help, Cheers

UPDATE 4:

Ok so if you go here: http://testersite.byethost22.com/test5.html and try and play it with an idevice you will see it works perfectly but using chrome, firefox on my pc it simply does not work, im desperate now guys if someone can help me get this working on chrome and firefox i would be estastic and a very happy happy man!! as i said either would be fine jwp5 or jwp6 so as long as it works on chrome and firefox i really dont mind. Thanks guys and please someone help lol and yes i know theres gaps in some of the urls but i had to do it like that as i dont have enough reputation points to post more than 2 links.

Answer

emaxsaun picture emaxsaun · Feb 20, 2013

You are using JW Player 5 here, which does not support HLS (M3U8) on desktops (in Flash). Only JW6 Premium supports this. Here is a demo - http://www.longtailvideo.com/support/jw-player/29393/hls-adaptive-stream

Update, here is the code, it only works in JW6 Premium though:

<div id="myElement"></div>

<script>
    jwplayer("myElement").setup({
      image: "/uploads/myPoster.jpg",
      file: "/uploads/myManifest.m3u8",
    });
</script>