vue-video-player设置中文

看过了网上的各种抄袭，是不是很烦！！！以下做法绝对会解决你的问题。在main.js中，书写以下代码，尤其是要正确找到 zh-CN.js 的路径，通过yarn/npm 安装的vue-video-player的 zh-CN.js路径在node_modules/video.js/dist/lang/zh-CN.js然后注意window.videojs = VideoPlayer.videojs写在...

妖怪不慌不张

9683人浏览 · 2020-03-12 21:29:26

妖怪不慌不张 · 2020-03-12 21:29:26 发布

看过了网上的各种抄袭，是不是很烦！！！
以下做法绝对会解决你的问题。

在main.js中，书写以下代码，尤其是要正确找到 zh-CN.js 的路径，通过yarn/npm 安装的vue-video-player的 zh-CN.js路径在node_modules/video.js/dist/lang/zh-CN.js

然后注意window.videojs = VideoPlayer.videojs写在引入player的后边；

import VideoPlayer from 'vue-video-player'
window.videojs = VideoPlayer.videojs

require('vue-video-player/src/custom-theme.css')
require('video.js/dist/video-js.min.css')
require('video.js/dist/lang/zh-CN.js')
Vue.use(VideoPlayer)

同是在视频中加入语言设置
在这里插入图片描述
这样即可以设置中文了，如下图，美滋滋！！如果真的对你有帮助，回来点个赞吧！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^