首页 > 其他分享 >vue中视频播放组件的安装

vue中视频播放组件的安装

时间:2023-07-13 21:23:11浏览次数:36  
标签:vue 播放 player video 组件 VueCoreVideoPlayer 安装

1. 在terminal中输入

cnpm install vue-video-player

2. 安装完成后在main.js中进行配置 

import VueCoreVideoPlayer from 'vue-core-video-player'
Vue.use(VueCoreVideoPlayer, {
  lang: 'zh-CN'
})

3. 后续即可正常使用

标签:vue,播放,player,video,组件,VueCoreVideoPlayer,安装
From: https://www.cnblogs.com/abc683871/p/17552196.html

相关文章

  • Power APP Canvas组件简单控制画布控件
    效果图:图中绿色部分是组件,通过组件控制画布中按钮的点击事件。具体实现:1、组件按钮中赋值一个变量比如左按钮给yyy赋值false右按钮赋值true;2、增加输出属性                          将其赋值为此变量,此处用布尔......
  • 使用vue3、egg和SQLite开发通用管理后台系统
    使用vue3、egg和SQLite开发通用管理后台系统plaform是一个基于RBAC模型开发的后台管理系统,没有多余的功能。本项目是一个以学习为目的的后台项目,旨在让前端也能充分了解RBAC模型是如何设计的,不建议用于线上,因为未经过充分的测试。项目地址:https://github.com/essay-org/platform......
  • Vue3
    一、创建Vue3.0工程1.使用vue-cli创建官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create##查看@vue/cli版本,确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##创建vuecreatevue_test##......
  • vue 模拟滚动条循环滚动
    <template><el-cardclass="card-duty"><template#header><divclass="card-header"><span>重大警情</span></div></template>......
  • ckeditor粘贴word图片且图片自动上传组件
    ​ 当前功能基于PHP,其它语言流程大抵相同。大概流程:1.将docx文件上传到服务器中2.使用PHPoffice/PHPword实现将word转换为HTML3.将HTML代码返回并赋值到编辑器中 1编辑器配置修改1.1新增上传wordjson配置在ueditor\php\config.json中新增如下配置:     /*......
  • .Net Core Mvc Razor 组件
    目录前言调用页面index.cshtmlPartialUserViewComponent.csIUserServices.csPartialUserView.cshtml注意前言视图组件与分部视图类似,但它们的功能更加强大。视图组件不使用模型绑定,它们依赖于调用视图组件时传递的数据。本文是使用控制器和视图编写的,但视图组件适用于Razo......
  • 06_sar:敏感文件泄露、文件上传、组件漏洞、反弹shell、计划任务提权
    1.信息收集1.1主机发现1.2端口扫描1.3具体扫描1.4目录扫描1.5nmap默认脚本扫描2.信息利用2.1访问网站:只有一个apache2的页面2.2访问robots.txt因为robots.txt大多数都是存的目录,所以尝试访问一下可以看到一个带有版本号的文件,这个可能是一个软件,下载压缩包通过观察里面的描述确定......
  • dhtmlx基本使用demo,vue
    main.js  引入样式import'dhtmlx-gantt/codebase/dhtmlxgantt.css'父组件:gangtData,数据<ganttChartv-if="value8":gangtData="gangtData"/> 子组件:<template><divstyle="height:62vh;"ref="ganttContai......
  • vue 删除对象中的属性
    data(){ return{ searchParams:{ pageSize:7, pageNum:1,isPass:'' }, list:[{ name:"全部", isPass:undefined }, { name:"待审核", isPass:1 ......
  • nginx部署 vue3 同时 配置接口代理(详细)
    Vue项目配置.env文件在项目根目录下创建文件夹(.env.production)##.env.production生产环境配置VUE_APP_SYS_URL=sysapi##nginx需要用的的代理表示VUE_APP_MODE=product##模式baseUrl使用VUE_APP_SYS_URL变量代替Nginx下载部署和配置api代理Nginx下载......