HLS流无法在web端播放解决方案（video.js）
今天遇到了这么个问题，在电脑上无法看HLS格式(.m3u8)的视频。
于是我在网上搜了又搜终于找到了一个能解决我这个问题的插件，它的功能及其强大，下面附上我的Demo
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>demo</title>
<link href="https://vjs.zencdn.net/7.0.3/video-js.css" rel="stylesheet">
</head>
<body>
<video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="1080" height="708" data-setup={}>
<source id="source" src="http://yf.ugc.v.cztv.com/cztv/ugcvod/2018/04/14/A98CD7B26B06D94A5CEA56AA7D723572/h264_800k_mp4.mp4_playlist.m3u8" type="application/x-mpegURL">
</video>
<source src="https://vjs.zencdn.net/v/oceans.webm" type=video/webm />
<video id="myVideos" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="1080" height="708" data-setup={}>
<source src="https://vjs.zencdn.net/v/oceans.mp4" type=video/mp4 />
</video>
<video id="myVideos" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="1080" height="708" data-setup={}>
<source src="https://vjs.zencdn.net/v/oceans.webm" type=video/webm />
</video>
</body>
<script src="https://vjs.zencdn.net/7.0.3/video.js"></script>
</html>
官方给了一个codepen的地址 可以用来编辑测试。
官方文档是：
使用方式的一些demo：http://www.jq22.com/jquery-info404
推荐博客：http://www.cnblogs.com/stoneniqiu/p/5807568.html
