Playing m3u8 Files with HTML Video Tag

by

Might be a little late with the answer but you need to supply the MIME type attribute in the video tag: type=”application/x-mpegURL”. The video tag I use for a 16:9 stream looks like this.

<video width="352" height="198" controls>
    <source src="https://stackoverflow.com/questions/19782389/playlist.m3u8" type="application/x-mpegURL">
</video>

More Related Contents:

  1. Detect when an HTML5 video finishes
  2. Play local (hard-drive) video file with HTML5 video tag?
  3. Is there a way to make HTML5 video fullscreen?
  4. Best approach to real time http streaming to HTML5 video client [closed]
  5. HTML5 – How to stream large .mp4 files?
  6. Wait until an HTML5 video loads
  7. HTML5 live streaming
  8. Html Video player plays sound but not video
  9. HTML5 video element request stay pending forever (on chrome)
  10. html5 video not working on ipad
  11. Play infinitely looping video on-load in HTML5
  12. Overlay on HTML5 Fullscreen Video
  13. Streaming a video from Google Drive using HTML5 video tag
  14. Add text above HTML5 Video
  15. HTML5 – mp4 video does not play in IE9
  16. chrome could play html5 mp4 video but html5test said chrome did not support mp4 video codec
  17. How to set the thumbnail image on HTML5 video?
  18. Safari – Videos load far too slowly
  19. Send custom HTTP request header with HTML5 audio tag
  20. html5 video issue with chrome
  21. Image placeholder fallback for HTML5 Video
  22. How to hide full screen button of the video tag in HTML5
  23. Making youtube.com/embed URLs work on iOS
  24. How to use the “required” attribute with a “radio” input field
  25. Difference between Width:100% and width:100vw?
  26. CSS background image alt attribute
  27. How do I remove the blue styling of telephone numbers on iPhone/iOS?
  28. Swift: Display HTML data in a label or textView [duplicate]
  29. Table tbody scroll in IE8
  30. How can I prevent the scrollbar overlaying content in IE10?

Leave a Comment