Play m3u8 file on HTML5 video player

Ahmed Elshorbagy

Hello,

I want to stream a URL in HTML5 video player but it is not working. I can play it with VLC in both computer and android mobile but not in an html5 page.

This is how I’m trying to stream it

<video width="400" controls>
  <source src="http://dmivll.mangomolo.com/dubaione/smil:dubaione.smil/playlist.m3u8" type="application/x-mpegURL">  
  Your browser does not support HTML5 video.
</video>

How can I play it ? Is there another way to play the stream in my HTML5 mobile App?

Thank you

munsterlander

@Ahmed-Elshorbagy Assuming you are trying to make an actual mobile application and not just an HTML 5 desktop web application that can be viewed on a mobile device, you should try this plugin:

https://github.com/nchutchind/cordova-plugin-streaming-media

If you are not doing an actual mobile application and are just doing an HTML5 website that is mobile capable, check out this thread:

http://stackoverflow.com/questions/19782389/playing-m3u8-files-with-html-video-tag

Ahmed Elshorbagy

@munsterlander I’m developing a mobile application, thank you for your answer

xavitec

como solucionaste el problema

hgordin

Use the following to open .m3u8 video:

<video class=“video-js vjs-default-skin vjs-big-play-centered” data-setup=’{“controls”: true, “autoplay”: true }’>
<source src=“http://sample.vodobox.net/skate_phantom_flex_4k/skate_phantom_flex_4k.m3u8” type=“application/x-mpegURL”>
Your browser does not support HTML5 video.
</video>