码迷,mamicode.com
首页 > Web开发 > 详细

vue.js+video.js+videojs-contrib-hls支持PC端播放m3u8格式的视频

时间:2018-06-29 15:01:56      阅读:425      评论:0      收藏:0      [点我收藏+]

标签:inf   视频   vue.js   图片   视频播放   css   npm   css样式   外部   

最近项目中PC需要支持m3u8格式的视频播放

项目框架是vue.js 参考网上教程npm video.js 和  videojs-contrib-hls 项目本地测试OK 打包上线插件内报错 所以最后不得了当外部js 引入 才解决

同时需要引入video.js.css样式 classl类名改为 如图

 技术分享图片

video.js初始化写在mounted内

技术分享图片

如此可以正常的播放m3u8格式的视频了

vue.js+video.js+videojs-contrib-hls支持PC端播放m3u8格式的视频

标签:inf   视频   vue.js   图片   视频播放   css   npm   css样式   外部   

原文地址:https://www.cnblogs.com/xk-one/p/9243323.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!