由于非Safari浏览器不能直接支持hls视频播放，使用Html5的video标签嵌入视频文件进行播放，由于video标签只支持MP4、WebM、Ogg等格式，

无法加载hls的m3u8格式文件，不能用在chrome，ie等浏览器上。

 基于ChPlayer 视频播放

经过查询资料发现，使用ChPlayer进行视频的播放，支持点播和直播，支持m3u8格式。

调用示例：

 基于hls.js 视频播放

html5浏览器实现hls视频播放的兼容解决方案hls.js。兼容IE8/IE11/edge/Chrome/火狐。

github传送门：

官方示例：