vue自定义按钮放在视频文件上

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue自定义按钮放在视频文件上相关的知识,希望对你有一定的参考价值。

参考技术A 首先需要安装一个插件(video.js)
安装命令:npm install vue-video-player --save

plugins文件夹下新建一个video-player.js文件

在这里插入图片描述
video-player.js里添加以下内容:
import Vue from ‘vue’
const VueVideoPlayer = require(‘vue-video-player/dist/ssr’)
Vue.use(VueVideoPlayer)

修改配置文件nuxt.config.js
css下添加:
src: ‘video.js/dist/video-js.css’

在这里插入图片描述
plugins下添加:
src: ‘@/plugins/video-player’, ssr: f在这里插入图片描述
alse

以上是关于vue自定义按钮放在视频文件上的主要内容,如果未能解决你的问题,请参考以下文章

有没有办法在导航栏后退按钮上自定义辅助功能标签?

使用 SVG 在 Vue 上自定义选择组件

在选择选项上自定义引导表单控件

vue自定义指令通过data-*进行数据传递

如何在颤动中将图标放在自定义按钮内

网站上点击自定义按钮发起QQ聊天的解决方案