video.js是一个拥有h5背景的网络视频播放器，同时支持h5以及Flash视频播放，这篇文章主要介绍了vue中使用video.js进行视频播放,需要的朋友可以参考下
关于video.js
video.js是一个拥有h5背景的网络视频播放器，同时支持h5以及Flash视频播放（可加载本地静态资源视频以及网络链接视频）
官网：videojs.com/
安装
npm install video.js
main.js中引入
import Video from 'video.js' import 'vide<strong>本文来源gaodai#ma#com搞@@代~&码*网2</strong>o.js/dist/video-js.css' Vue.prototype.$video = Video
使用
<div class="demo1-video"> <video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls>加载元素后立即开始下载视频数据。 poster="../assets/img/E0531.jpg-600"> //设置视频封面 //视频地址 </video></div>
可以直接使用css来控制video的宽高
实现的效果截图
以上：对于video.js的一次简单应用就完成啦
总结
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
以上就是vue使用video.js进行视频播放功能的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue使用video.js进行视频播放功能
转载请注明原文链接：vue使用video.js进行视频播放功能
