HTML5和HLS协议结合解决web移动端播放问题

什么是HTML5

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式。

什么是HLS

HLS (HTTP Live Streaming)，Apple的动态码率自适应技术。主要用于PC和Apple终端的音视频服务。包括一个m3u(8)的索引文件，TS媒体分片文件和key加密串文件，H5是解决网页播放问题，HLS解决的是移动端播放问题。 两者的结合使得手机移动端的网页播放得以完美的实现。 从而实现了所有观看直播和点播视频的大众无需再下载任何插件就可以欣赏视频内容。

在 HTML5 页面上使用 HLS

直接: <video src="example.m3u8" controls></video>

或者:

<video controls>

<source src="example.m3u8"></source>

</video>