Play m3u8 file on HTML5 video player
-
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
-
@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
-
@munsterlander I’m developing a mobile application, thank you for your answer
-
como solucionaste el problema
-
Use the following to open .m3u8 video:
<link href=“https://vjs.zencdn.net/6.6.3/video-js.css” rel=“stylesheet”>
<script src=“https://vjs.zencdn.net/6.6.3/video.js”></script>
<script src=“https://unpkg.com/videojs-flash/dist/videojs-flash.js”></script>
<script src=“https://unpkg.com/videojs-contrib-hls/dist/video js-contrib-hls.js”></script><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>