如何在videojs

Question

发挥HLS Wowza直播（M3U8）我尝试使用HTML5视频标签播放H264编码的实时流。实时流由wowza媒体服务器播放，当访问src链接时，我会得到一个有效的播放列表文件。当试图在android chrome浏览器上播放流时，播放器什么也不做，并显示黑屏。

这是HTML5视频标签相关的问题或可能广播？

Answer 1

眼下在Safari和iOS目前videojs只支持M3U8/HLS。 Android应该支持HLS或者cupertino流媒体，但是我听说它是​​越野车。为了使HLS和m3u8能够在videojs中运行，您需要为videojs提供支持HLS的闪回。

看看这个例子http://flashls.org/videojs/flash_demo.html

实现它自己......按照这个guide 或下载本swf 然后将此代码添加到您的videojs页面。

<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> 

Answer 2

需要添加支持HLS（实时流式传输）的额外库。

VideoJS HLS Library。现场示例Live Example。