1.下载hls.js
不行就去贴一个
2.创建一个新的html页面
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>播放hls格式视频</title>
</head>
<body>
<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
<video id="video" width="600px;" height="600px;"></video>
<script>
//如果有对象
if(Hls.isSupported()) {
//video容器
var video = document.getElementById('video');
//初始化hls对象
var hls = new Hls();
//m3u8路径，放自己取到的地址
hls.loadSource('http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8');
//装载容器
hls.attachMedia(video);
//调用播放
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
}
</script>
</body>
</html>
3.注意事项
1.视频直播流
2.无需flash
3.一般海康监控会提供hls，一定问清楚，不然拿个rtsp解析半天
4.连接央视之类的流需要跨域，注意解决
5.不准连网的地方用的首选
6.现在一般ckplayer，video.js需要使用flash player,这东西马上不支持了，注意一下尽量少用
![【web素材】01-10款大气的购物商城网站模板[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)