主要介绍了详解vue2.0+vue-video-player实现hls播放全过程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

HLS播放器DEMO,可以当作hls测试工具，非常好用

Vue VUE，这是VUE 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report # run e2e tests npm run e2e # run all tests npm test 有关工作原理的详细说明，请查看的和。

vue-dplayer-hls vue2.0 + vue-dplayer实现hls播放的示例 :lollipop: 哇，如此可爱HTML5 danmaku视频播放器 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report # run e2e tests npm run e2e # run all tests npm test 有关工作原理的详细说明，请查看的和。

ckplayer播放插件

http://网站nginx代理的路径/?m3u8=hls的播放地址 把本html放在nginx代理中，把其他地方获取到的hls播放地址，直接当做url传参给本HTML即可

网上找了很多videojs 都是各种问题，而且积分特别高，自己整理了一下。测试可用，支持 rtmp 拉流h5自带的视频拉流播放器原生态

WEB中的PC浏览器的HLS播放器。

当浏览器不支持HTML5，并且不支持播放m3u8格式的视频，通过引入该播放器即可进行播放，使用文档可以参考http://www.jianshu.com/p/d9b64514f8cc