<link href="/5.8.8/video-js.css" rel="stylesheet">
<video id="example-video" width=960 height=540 class="video-js vjs-default-skin" controls poster="*.jpg">
<source src="/test-vedio-hls.m3u8" type="application/x-mpegURL">
</video>
<script type="text/javascript" src="/video.min.js"></script>
<script type="text/javascript" src="/videojs.hls.min.js"></script>
<script type="text/javascript">
var player = videojs('example-video')
//player.play()
</script>
起个localhost/访问。
PC端Html5目前没有浏览器支持播放hls协议的m3u8,但是移动端都是可以的。PC端现在基本上也是进行软解码之后,依靠flashplayer来进行播放hls协议的视频。