video.js在vue项目中设置中文语言包,报错videojs is not defined 解决办法

在vue项目中使用video.js时要求中文化,但是网上的解决办法不太好找,特此记录一下。

错误步骤:

  1. 根据网上的教程,找到中文包在node_modules/video.js/dist/lang/zh-CN.js
  2. import 'video.js/dist/lang/zh-CN.js
  3. 在设置里配置成中文:language:“zh-CN”
  4. 报错:videojs is not defined

解决办法:
1、找到这个/zh-CN.js,在里面加一句:import videojs from "video.js"
弊端:这个项目多人合作,别人没有同步修改这个插件的话,就还是会报错,不利于项目维护,故舍弃此方案

2、使用zh-CN.json即可,亲测有效

  1. import videojs from "video.js"
  2. import "video.js/dist/video-js.css"
  3. import video_zhCN from 'video.js/dist/lang/zh-CN.json'
  4. videojs.addLanguage('zh-CN', video_zhCN)
  5. 在设置里配置成中文:language:“zh-CN”

猜你喜欢

转载自blog.csdn.net/qq_35696889/article/details/129585912