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>

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Play m3u8 file on HTML5 video player