网页播放m3u8格式的视频

HLS

简介

Http Live Streaming （简称HLS) ，它在移动 Web 浏览器支持挺好，所以现在好多移动端直播都在用此协议。但在 PC Chrome,Firefox 上不支持，所以还需要借助flash 。在研究的过程中发现了 video.js 这个插件，代码托管 在 github 上，开源。但是它不直接支持播放 HLS 协议的播放. 需要借助 videojs-contrib-hls 但是我怎么测试都没成功，播放不了。大家有测试通的可以联系我。 经过一番的查找，github 上一顿搜索，黄天不负有心人，找见了这个库FZ-live 我看他也是基于 video.js 的。

<video id="video" class="video-js vjs-default-skin" controls  preload="none" data-setup='{}'>
    <source src="./src/z.m3u8" type="application/x-mpegURL"></video>

直接写video 标签， 在 source 的 src 给上路径就可以，还有个要求，就是资源 不能跨域，需要在同一域下。

//切换地址播放var player = videojs('video');
 player.ready(function() {     
     var myPlayer = this;
     myPlayer.src(url);
     myPlayer.load(url);
     myPlayer.play();
   });

我们用js实现了切换地址播放。