<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/访问。
有,而且也很多。1.在目前支持较好的仍然是使用FlashPlayer来播放m3u8格式的视频,这样能够很好的利用计算机的性能,使视频质量达到最优良的效果,但不是h5。
2.H5支持的视频格式,默认使用的是video标签,但是video不支持m3u8格式,因此需要用到开源的js库来解码视频流。
3.总结调研结果,推荐常用的有hls.js,video.js,都是开源免费。还有几个需要注册才能使用的,不罗列说明。
4.原生的标签支持,目前无法实现,再浏览器的不断更新迭代基础上,未来是会支持的,不需要我们自己扩展。
5.除了3中说的几个,还有很多浏览器插件支持的方式,比如vlc插件,就很好用。
总结,推荐在github上搜索hls.js,会发现很多可用的内容。
PC端Html5目前没有浏览器支持播放hls协议的m3u8,但是移动端都是可以的。PC端现在基本上也是进行软解码之后,依靠flashplayer来进行播放hls协议的视频。