vue 使用video-players插件播放本地视频

安装依赖：npm install vue-video-player --save

main.js文件中引用

import VideoPlayer from 'vue-video-player'
require('video.js/dist/video-js.css')
require('vue-video-player/src/custom-theme.css')

Vue.use(VideoPlayer)

新建videoPlayerPage.vue文件，视频播放界面

这个地方，是播放本地视频是引用本地资源，使用require引用本地资源

sources : [ {
                        type : "video/mp4",
                        src : require('../assets/mp4/111.mp4')//url地址
                    } ],

目录结构

也可以是超链接

sources : [ {
                        type : "video/mp4",
                        src : ‘http://39.100.110.179/%E9%87%8D%E5%BA%86%E6%A3%AE%E6%9E%97v2_hd.mp4’//url地址
                    } ],

完成