Streaming m3u8 in video tag for IPad

alison.kinross — Jun 16, 2014 04:10PM EDT

---

I'm trying to stream a video for iPad only using this code:

<video poster="images/screenShot.png" controls webkit-playsinline>
<source src="http://stream.juicemobile.com:1935/vod/mp4:[...].mp4/playlist.m3u8" type="application/vnd.apple.mpegurl" webkit-playsinline />
</video>

The streaming link is fine (I've changed it for this purpose but I know it's working). The audio is working, and the controls show that the video is playing, but all that I see is the Quicktime logo. I was hoping webkit-playsinline would help with this, but it doesn't seem to make a difference.

I just bought JWPlayer and I'm hoping it will fix the issue. I tried the following:

jwplayer("myElement").setup({
file: "http://stream.juicemobile.com:1935/vod/mp4:nikon.mp4/playlist.m3u8",
html5player:'jwplayer/jwplayer.html5.js',
primary: 'html5',
height: '100%',
width: '100%'
});

but it doesn't seem to be working either. Any thoughts? I need to stream this video as it's too large to load on click.

Thanks,
Alison