video.js 实现m3u8格式视频 亲测有效果

作为总结，记录一下。

代码不全贴了，只选择重要部分：

1、引入css文件，js文件

video-js.css
video.js
videojs-contrib-hls.min.js

我看有些文章说不能播放 跟video.js版本有关系，呵呵，反正我是没有遇到这个问题。

videojs-contrib-hls.min.js自行去下载。

2、html部分

<video 
id="mVideo" 
class="video-js vjs-default-skin vjs-big-play-centered" 
controls>
  <source type="application/x-mpegURL" src=""></source>
</video>

这个地方注意source 的type="application/x-mpegURL"。src放你的视频流资源。

3、js部分

var mVideo = videojs('mVideo', {
        bigPlayButton: true,
        textTrackDisplay: false,
        posterImage: false,
        errorDisplay: false
    })
mVideo.play()

嗯，没啥好说的，其它有需要扩展的，可自由发挥。