How to play HLS Wowza Live Stream (m3u8) on videojs

html5-video hlsl wowza
user2656834 picture user2656834 · Oct 2, 2013 · Viewed 17.3k times · Source

I am trying to play h264 encoded live stream using html5 video tag. Live stream is broadcasted by wowza media server and when visiting src link I get a valid playlist file. When trying to play the stream on android chrome browser, player does nothing and shows black screen.

Is this html5 video tag related issue or maybe broadcaster?

Answer

SurfinColin picture SurfinColin · Jan 29, 2014

Right now the current videojs only supports m3u8/HLS on safari and iOS. Android is supposed to support HLS, or cupertino streaming, but I have heard it is buggy. To make HLS and m3u8 work in videojs you need to provide an HLS capable flash fall back for videojs.

Check out this example http://flashls.org/videojs/flash_demo.html

To implement it yourself... follow this guide or download this swf then add this code to your videojs page.

<script>
  videojs.options.flash.swf = "[YourHosted]/video-js.swf"
</script>

...

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="360" data-setup='{"techOrder": ["flash"]}'>
  <source src="http://[Wowza Ip]/live/mp4:mystream/playlist.m3u8" type='video/mp4'/>
</video>

Related questions

Play/pause HTML 5 video using JQuery

I am trying to control HTML5 videos using JQuery. I have two clips in a tabbed interface, there are six tabs in total, the others just have images. I am trying to make the video clips play when their tab …

Read More
HTML5 live streaming

For school I need to set up an HTML5 live stream site. They have a flash stream-player they've been using but now they want it to use HTML5 instead. How can I do this? I tried using the video tag …

Read More
HTML5 Video tag not working in Safari , iPhone and iPad

I am trying to create an html5 web page in which there is a small video like 13s , I converted the flash version of this video into 3 format : .ogv using fireFogg , .webm using firefogg also and .mp4 using HandBrake application …

Read More