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接口都不放过吧）。

我的其他原创文章：

• 微信视频直播如何做收费直播（如何做付费的微信直播）图文教程
• 原创教程：带ppt课件和讲师画面的教学视频录制完整教程
• 做视频直播时如何测试本地网络的上行带宽(网速测试)
• usb摄像头做教学直播实现pc和手机都可以在线观看教程
• 微信公众号直播有哪些不一样的玩法？
• 无广告的免费视频存储空间并提供视频上传转码的功能，很不错的哦
• 说说视频编码格式、视频码率、视频帧率、分辨率的概念