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

最新推荐文章于 2024-05-08 13:15:46 发布

charming_Zz

最新推荐文章于 2024-05-08 13:15:46 发布

阅读量4k

点赞数 5

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_35696889/article/details/129585912

版权

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

错误步骤：

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

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

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

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

优惠劵

charming_Zz

关注关注

5
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
video.js在vue项目中设置中文语言包，报错videojs is not defined 解决办法

弊端：这个项目多人合作，别人没有同步修改这个插件的话，就还是会报错，不利于项目维护，故舍弃此方案。在vue项目中使用video.js时要求中文化，但是网上的解决办法不太好找，特此记录一下。2、使用zh-CN.json即可，亲测有效。
复制链接

扫一扫

vue中提示$index is not defined错误的解决方式

11-19

今天学习Vue中遇到了一个报错信息：$index is not defined，是我写了个for循环在HTML中，然后是因为版本的问题下面是解决方法：原来的是 v-for=”person in items” v-on:click=”deletePerson($index)”//这个仅仅适用于1.0版本，不要采坑了同学们这个在Vue1.0版本中式适用的可以直接使用$index，但是在2.0是不适合的在Vue 2.0版本中获取索引我们需要通过 v-for = “(person ,index) in items “, 点击事件我们也不能使用$index，应该使用 v-on:click=

VUE使用‘luckysheet‘ is not defined已解决，其他博主方法没有解决请看这里

06-26

luckysheet源码包

1 条评论您还未登录，请先登录后发表或查看评论

详解Vue.js搭建路由报错 router.map is not a function

10-19

主要介绍了详解Vue.js搭建路由报错 router.map is not a function，非常具有实用价值，需要的朋友可以参考下

Videojs 网页播放器

05-18

根据需要修改后的videojs 支持各种浏览器兼容mp4等各种格式视频有完整的demo

关于Vue路由跳转问题：vue-router.esm.js:1832 Error: Loading chunk 15 failed. at HTMLScriptElement.onScript

热门推荐

政旻

07-12

2万+

1.在写Vue的路由时，可能跳转页面会出现以下问题：如果此时百度下面的error报错信息，没有完全符合的解决方案，提示的是异步加载组件出现的问题。那么因此就会忽略了上面报的404错误，当然就本人所抛出的Knowledge-base-a.js,是在webpack.common.js中配置，经过编译后生成的文件。所以编译时虽然不会报错，但是可以注意看编译的结果：由此可以看出，是因为...

Uncaught ReferenceError: videojs is not defined

YHLSunshine的博客

01-11

1074

开发 vue 项目时，调试时浏览器前端控制台出现红色报错信息： Uncaught ReferenceError: videojs is not defined

Vue-cli3项目引入网页视频流媒体播放器EasyPlayer.JS报videojs not definde错误如何解决？

TSINGSEE青犀视频官方技术博客

06-18

4954

视频流媒体播放器EasyPlayer几乎涵盖了开发者所需的全部平台，尤其是在web端的EasyPlayer.js，极大地方便了开发者在解决B/S型业务开发时遇到的播放器接入的问题，比如：不懂前端的js代码、没有公网服务器放置这些js脚本和网页、微信对接入IP播放地址有限制等，不论是测试，还是被集成，都很方便。近期我们为了测试EasyPlayer.js不同的可能性，将EasyPlayer.js运用在VUE当中，发现Vue-cli3项目引入EasyPlayer.JS报videojs not defind

Web_H5视频播放插件Video.js设置中文语言（汉化）

宫廷渔夫

09-11

908

【代码】Web_H5视频播放插件Video.js设置中文语言（汉化）

百度网盘电脑网页倍速播放 (videojs is not defined之前代码无效的情况下)

yxx的博客

04-18

1万+

百度网盘电脑网页倍速播放 (videojs is not defined) 废话一句：由于2021年4月16日网盘似乎变了先让我安装flash插件后发现加速videojs.getPlayers(“video-player”).html5player.tech_.setPlaybackRate(2)对网盘没有作用了。（家贫）导致这两天都在倍速方法。再废话一句：据观察目前大部分插件（油猴上的）是依靠这句代码，所以也用不了。圆规正传，解决方法如下：打开windows10自带浏览器Microsoft Edg

Vue videojs 在开发环境正常，生产环境下报错：t is not defined

桃树林

10-10

9621

videojs 在开发环境中正常，打包编译后报错：Uncaught ReferenceError: t is not defined. 解决方法：在webpack配置文件 module 里加入 noParse: [/videojs-contrib-hls/] 参考自：https://github.com/surmon-china/vue-video-player...

解决vue项目报错webpackJsonp is not defined问题

01-19

但是在项目经过本地测试没有任何问题，打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。可以手动改文件引用，但是推荐以下解决办法：找到build→webpack.prod...

vue + typescript + video.js实现流媒体播放视频监控功能

12-09

1. yarn add video.js videojs-flash 2. 创建videp.js声明文件 3. 创建video_player.vue组件，供外部调用。源码如下 [removed] import { Component, Emit, Prop, Vue } from 'vue-property-decorator'; ...

RTSP协议视频智能云平台EasyNVR从首页进入录像计划，出现报错“is not defined”如何处理？

EasyNVR官方技术博客

05-17

466

我们在编译EasyNVR时用到了很多不同的语言和编译方法，在前端页面的显示上也一直秉着按用户的观看习惯及使用习惯来进行编写，比如我们录像计划功能的实现简单易懂，操作便捷，能够让大家很快就上手操作和管理。

EasyPlayer.js 在VUE中使用

zhuzi51的专栏

05-22

1万+

楔子不是专业的前端，只是需要使用，网上各种博客都是官方那些，可以按照操作后提示Uncaught ReferenceError: videojs is not defined 解决官网地址 npm install @easydarwin/easyplayer --save npm install --save-dev copy-webpack-plugin 1 copy-webpack-plugin npm install --save-dev copy-webpack-plugin

【无标题】

ting_cute的博客

12-15

2298

vue使用EasyPlayer.js视频播放插件遇到的问题在使用插件的时候总会出现以下的报错问题 Uncaught ReferenceError: videojs is not defined 1.第一步：首先需要安装插件，用npm安装EasyPlayer、copy-webpack-plugin 注意：copy-webpack-plugin版本一定不能大于6.0，不然会出现很多问题，具体原因可以去看这个插件的更新记录。 npm install @easydarwin/easyplayer --sav

谷歌浏览器倍速播放网盘视频，VM260:1 Uncaught ReferenceError

qq_47910757的博客

07-29

4685

电脑端的看这个首先你得有一个chrome浏览器网页版不用开会员怎么倍速看网盘视频？在 Chrome 浏览器百度网盘视频播放页面,打开开发者工具: 选择console，复制下面代码并回车： videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(1.5) *1.5是倍速，要的倍速调成相应地数字即可有人遇到报错： VM260:1 Uncaught ReferenceError: videojs is not defi

vue中使用video.js

qq_39923762的博客

04-09

2万+

cnpm install video.js cnpm install videojs-contrib-hls --save main.js中引入css import 'video.js/dist/video-js.css' template页面： <div v-show='!isError'> <video id="videobox" class="vide...

vue-video-player设置中文

weixin_41643133的博客

03-12

9373

看过了网上的各种抄袭，是不是很烦！！！以下做法绝对会解决你的问题。在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写在...

vue3中的reactive和ref

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交