videojs播放hls视频流的方法：
1、引入css
<link href="./libs/video-js-8.6.1/video-js.min.css" rel="stylesheet" />
2、html代码：
<video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" width="100%" height="100%" data-setup="{}" muted="muted">
<source id="source" >
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>3、引入js：
<script type="text/javascript" src="./libs/video-js-8.6.1/video.js"></script>
4、初始化播放器
var myVideo = videojs('myVideo', {
controls: true,
autoplay: true,
playToggle: false,
preload: "auto",
poster: "./img/banner_poster.jpg"
})
myVideo.src([
{type: 'application/x-mpegURL', src:'http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8' }
//如果是mp4
//{type: 'video/mp4', src:src }
])最终效果：
注意：1、一定要在服务器环境才能播放，直接打开html是无法播放的。
2、有时候无法播放，不一定是代码问题，可能是流媒体的地址失效了，建议使用VLC media player播放器测试下地址。