HLS播放：html5下用video标签来播放m3u8格式的视频

HLS播放：html5下用video标签来播放m3u8格式的视频

<video class="tvhou" width="100%" height="100%" 
    controls="controls" autoplay="autoplay" 
    x-webkit-airplay="true" x5-video-player-fullscreen="true" 
    preload="auto" playsinline="true" webkit-playsinline 
    x5-video-player-typ="h5"> 
    <source type="application/x-mpegURL" src="http://www.tvhou.com/zqlive/game.m3u8"> 
</video> 

注：主要应用于手机端。

HLS协议规定：

视频的封装格式是TS。
视频的编码格式为H264,音频编码格式为MP3、AAC或者AC-3。
除了TS视频文件本身，还定义了用来控制播放的m3u8文件（文本文件）。
为什么苹果要提出HLS这个协议，其实他的主要是为了解决RTMP协议存在的一些问题。比如RTMP协议不使用标准的HTTP接口传输数据，所以在一些特殊的网络环境下可能被防火墙屏蔽掉。但是HLS由于使用的HTTP协议传输数据，不会遇到被防火墙屏蔽的情况（该不会有防火墙连80接口都不放过吧）。
---------------------
作者：阿酷tony
来源：CSDN
原文：https://blog.csdn.net/ffffffff8/article/details/84288509