vue + video.js实现视频列表页（多个视频）

vue + video.js实现视频列表页

vue项目中做一个视频列表页，本来用原生video标签来实现，由于考虑到手机浏览器兼容问题，找了很多插件，最后决定用video.js这个插件来实现。Video.js是一个有着HTML5背景的网络视频播放器。它同时支持HTM5和Flash视频，简单来说就是HTMl5 和 Flash 视频播放器

安装video.js

$ npm install video.js

在main.js中引用

import Video from 'video.js'
import 'video.js/dist/video-js.css'

Vue.prototype.$video = Video

页面使用

效果图

以上就是实现的步骤和代码 有什么问题欢迎大家评论和指出。