vue-video-player/src

引用:在main.js中添加 import VideoPlayer from 'vue-video-player/src'; import 'vue-video-player/src/custom-theme.css' import 'video.js/dist/video-js.css' Vue.use(VideoPlayer)
引用:回到展示页面 引入组件 import Videoplayer from '@/components/Video'; components:{ Videoplayer },
引用:安装 npm install vue-video-player --save 引入 可以全局引入插件，也可以在需要用到该插件的组件内单独引入（二选一） 【1】全局引用， 在main.js里面...【2】组件内引用import { videoPlayer } from ‘vue-video-pl
引用:页面代码template （当文件类型为1时则展示视频） <div v-if="listQuery.docType === 1"> <Videoplayer :mp4Url="listQuery.docContent"></Videoplayer> </div>

根据提供的引用内容，vue-video-player/src 是vue-video-player插件的路径。在main.js文件中通过import语句将VideoPlayer组件引入，并使用Vue.use(VideoPlayer)将其注册为全局组件。在展示页面中通过import语句引入Videoplayer组件，并在components选项中注册。另外，也可以通过npm install vue-video-player --save命令安装vue-video-player插件，并根据需要选择全局引用或在组件内单独引入。
在页面的template中，通过v-if条件语句判断当文件类型为1时显示视频，使用Videoplayer组件来展示视频，其中mp4Url属性绑定了listQuery.docContent的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>