H5页面直播

H5的video积累，包括video的方法属性事件等：
https://www.cnblogs.com/skyHF/p/5667112.html

一、初始化html结构

<header class="lbh-header">
    <video controls preload width="100%">
        <source src="http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8">   <!-- 香港卫视 -->
        <p class="ac">除safari浏览器外，其他浏览器暂不支持该功能。</p>
    </video>
</header>
.lbh-header{
    width: 100%;
}

source地址为hls协议的地址，在网上找了几个，如下：
安徽卫视 http://stream2.ahtv.cn/ahws/cd/live.m3u8
经济生活 http://stream2.ahtv.cn/jjsh/cd/live.m3u8
影视频道 http://stream2.ahtv.cn/yspd/fd/live.m3u8
公共频道 http://stream2.ahtv.cn/ahgg/cd/live.m3u8
综艺频道 http://stream2.ahtv.cn/zypd/cd/live.m3u8
科教频道 http://stream2.ahtv.cn/kjpd/cd/live.m3u8
人物频道 http://stream2.ahtv.cn/rwpd/cd/live.m3u8
国际频道 http://stream2.ahtv.cn/ahgj/fd/live.m3u8
香港卫视 http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8

但是这些地址不能直接访问，需将地址粘贴在下面这个网站里：
http://osmfhls.kutu.ru/