由于用组件默认没有配置多语言,需要自己添加多语言。不多说,上代码。
1、安装 npm i videojs -S
2、引用
import videojs from 'video.js'
import 'video.js/dist/video-js.css'
import "./video.youtube.css"
import videoZHCN from 'video.js/dist/lang/zh-CN.json'
import videoENUS from 'video.js/dist/lang/en.json'
export default {
install: function (Vue, options) {
let langObj = {}
if (options.lang === 'zh-CN') langObj = {...videoZHCN}
else langObj = {...videoENUS}
videojs.addLanguage(options.lang, langObj)
Vue.prototype.$video = videojs
}
}
// 在main.js文件或者你自己的公共配置文件里注册video播放器插件
Vue.use(video, {lang: 'zh-CN'})
3、 组件内使用
<template>
<video v-if="videoValue"
id="my-video"
class="video-style video-js vjs-