解决 VIDEOJS: ERROR: The “flash“ tech is undefined.

最新推荐文章于 2023-07-12 15:19:18 发布
最新推荐文章于 2023-07-12 15:19:18 发布
阅读量1.3k 收藏 2
点赞数 1
分类专栏： vue 经验 web前端工程师 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/alxw2010/article/details/126729333
版权

项目场景：

一个很老的项目vue,通过web播放rtmp/flv 监控流.
rtmp/flv 要通过 flsah播放.chrome不支持.
360浏览器 极速模式才可以播放.
这是什么见鬼的项目,入土多少年了?

问题描述

近期项目迭代,但编译环境丢失webpack中无法启动.
只好更换编译环境,更新到vue/cli 4.
但更新后 浏览器报错.
请添加图片描述

VIDEOJS: ERROR: The "flash" tech is undefined. Skipped browser support check for that tech

原因分析：

根本原因是videojs和videojs-flash里的各有一个video.js，如果两个版本不一样可能就会报错了.
issues

解决方案：

最低0.47元/天 解锁文章
alxw2010
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
关于vue-cli2.9.6 使用vue-video-player,视频播放rtmp视频流error:in ./node_modules/videojs-swf/dist/video-js.swf
weixin_39963328的博客
10-28 4627
我在做vue前端开发项目的时候，领导让我在别人项目的基础上进行二次开发，我将自己的页面合并至平台，我用的vue-cli版本是2.6.9，然后我按照正常流程，引入vue-video-player video.js等，然后配置playerOptions等参数，main.js也进行了配置！ 然后运行开始报错，如下，好多技术人员说在webpack.base.conf.js,在webpack.config.js等文件进行配置，但是我的这个版本并没有这俩文件，又是别人扔掉的项目包，没法去问别人，然后我搜了一下我的这
videojs-flash-2.2.0.zip
08-10
总结，videojs-flash 2.2.0作为Video.js的插件，为那些仍然依赖Flash的用户提供了视频播放的解决方案。它在保持与HTML5视频一致性的同时，也考虑到了向后兼容性和用户体验，是开发者在构建跨平台视频播放器时不可或...
videojs播放不了提示 (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video.
热门推荐
cmqwan的博客
07-25 14万+
有一些小哥说videojs播放不了rtmp，报的错是这个。 videojs提示  (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. 就像下面这样。   因为有几个小哥加我qq，问我怎么解决来着。 当时刚好也遇到这个问题，就到处查。后面找到一些解决方案 暂时的解决方案：...
VUE整合VIDEOJS时报错The flash tech is undefined
qq_33883124的博客
06-17 8676
报错详情：VIDEOJS: ERROR: The "flash" tech is undefined. Skipped browser support check for that tech. 如下图：
The "flash" tech is undefined
Yiyixiaojian的博客
09-12 5990
The “flash” tech is undefined 呵呵，找了半天原因，在package.json文件中都有vue-video-player和videojs-flash的依赖，刚开始以为是因为下载依赖的时候没有用npm而是用cnpm，结果是因为没有引入videojs-flash文件！！！！ ...
The flash tech is undefined Skipped browser support check for that tech
Mr丶Yang
08-03 6191
vue版本 2.x VIDEOJS: ERROR: The "flash" tech is undefined. Skipped browser support check for that tech. npm n多次也不好使 ，后来发现 是版本不一致，需要配置一下 解决方案： webpack.base.conf.js 添加 modules: [path.resolve(‘node_modules’), ‘node_modules’] resolve: { modules: [p.
vue的视频流The “flash“ tech is undefined tech
几百块的博客
05-27 2386
出现这个错 其他人说的乱七八糟 有说：试试删掉node_modules。 nmp 安装 ，不要用cnpm。 但是自己试并不好用 需要看下你package.json里面 把video卸载 和vue-video-player 也卸载之后 ，只安装vue-video-player就可以了 npm uninstall video.js 参考下图 但是我自己试了之后 并不好用 所以就把video.js 卸载了 就可以了 <template> <section cla
videojs的flash和html5,Video.js基本设置和flash作为主要技术
weixin_34620658的博客
06-16 1112
我还是视频新手，我正在玩最基本的功能 .我不确定我的问题是否是我的设置问题，是他们应该报告的错误还是我做错了 .首先，甚至在http://www.videojs.com/的演示时播放时在下拉菜单中都有选项"show controls" . 单击时，播放器将显示第二个控制栏以及已显示的控制栏 . 禁用"show controls"仅隐藏新出现的控制栏 .这是Video.JS的一个无法避免的限制吗？基...
video.js：Video.js-开源HTML5和Flash视频播放器
02-03
感谢，有一个免费的CDN托管版本的Video.js，任何人都可以使用。 将这些标签添加到文档的<head> ： < link href =" //vjs.zencdn.net/7.10.2/video-js.min.css " rel =" stylesheet " > < script src...
videojs-video-tooltip:video.js的视频工具提示
05-12
video.js的视频工具提示 介绍 用于video.jsHTML5视频工具提示。 悬停的搜索栏显示循环的。 注意：在某些浏览器（Chrome）中，需要循环功能才能实现服务器端 要求 > =已加载v6（inc v7） 安装 npm install videojs-...
videojs-errors:一个video.js插件，可向视频查看器显示错误消息
04-30
一个插件，在Video.js遇到错误时显示用户友好的消息。 维护状态：稳定 入门 通过npm / Babel / Browserify / webpack导入 npm install videojs-errors 然后导入您JavaScript import videojs from 'video.js' ; ...
videojs-hotkeys:向video.js添加更多热键支持
05-09
Video.js插件，当播放器具有焦点时可启用键盘热键。 空格键切换播放/暂停。 左右箭头键可向前和向后搜索视频。 向上和向下箭头键增加或减小音量。 M键切换静音/取消静音。 F键可关闭和打开全屏。 （在Internet ...
Web直播之RTMP协议：vue-video-player + videojs-flash
liveweb视频汇聚平台
07-12 1069
liveweb是好游科技开发的一款web播放器，支持多种协议(RTSP/RTMP/HLS/HTTP-FLV/WebSocket-FLV/GB28181/HTTP-TS/WebSocket-TS/HTTP-fMP4/WebSocket-fMP4/MP4/WebRTC),支持协议互转。 全面支持H265/H264/AAC/G711/OPUS。 支持WebRTC推流，支持转其他协议 支持WebRTC播放，支持其他协议转WebRTC 支持TWCC rtcp动态调整码率 支持remb/pli/sr/rr rtcp 支
vue——vue-video-player插件实现rtmp直播流
HoShining日志
01-14 3523
安装前首先需要注意几个点： vue-video-player插件，其实就是 video.js 集成到 vue 中 ，所以千万不要再安装 video.js，可能会出错。视频流我这个项目选择rtmp格式，实时性高，稳定性也高，但是依赖flash插件，如果视频不能正常播放，不排除浏览器禁用了flash的可能性。 播放 HLS 流，需要 videojs-contrib-hls 插件，如果需要 RTMP 流，需要 videojs-flash 插件。都是直接引用，因为在安装vue-video-player插件时，hl
video.cjs.js:440 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPO在vue中使用vue-video-player动态获取url加载mp4
qq_45018844的博客
04-25 3678
videojs报错：No compatible source was found for this media.大概就是这样、就是使用一个mp4都报错 一直显示不出来。正确使用方法在下面；看了好多博主的感觉都不行。一直显示不出来，后面换成这样的代码就行了；在初始化时，没有在src中添加视频资源。视频可以播放了，但是错还在；视频资源为空或视频资源无效无法播放。解决，检查资源是否有效，得以解决。首先说说我的问题吧、
Web浏览器基于Flash实时播放监控视频（一）
yw00yw的博客
12-29 926
安装插件 插件安装 npm install video.js --save cnpm install --save videojs-flash cnpm install --save videojs-swf cnpm install --save vue-video-player // 使用video.js播放不安装这个 插件对应版本 “video.js”: “^7.10.2”, “videojs-flash”: “^2.2.1”, “videojs-swf”: “^5.4.2”, “vue-vide
Vue-Video-Player使用方法
weixin_43431702的博客
04-02 8647
1、安装vue-video-player与videojs-flash npm install vue-video-player -S npm install videojs-flash --save 在这里插入代码片 在main.js中引入 import VueVideoPlayer from ‘vue-video-player’ import ‘video.js/dist/video-js....
在 vue 中使用 window.onresize及div的resize事件
alxw2010的博客
05-12 3969
项目场景： 如何在 vue 中使用 window.onresize 如何避免 覆盖其它的 window.onresize echarts 监听图表容器的大小并改变图表大小 解决方案： <script> /* echarts 监听图表容器的大小并改变图表大小 */ export default { mounted() { this.myChart = this.$echarts.init(this.$refs.canvas) // 监听 window.onresize
video.js :error
最新发布
12-21
video.js 是一个用于在网页上播放视频的开源库，通常用于网页开发中。当出现 video.js:error 时，一般是指在使用 video.js 播放视频时出现了一些问题或错误。 出现 video.js:error 的原因可能有很多，比如视频文件本身损坏或格式不受支持、网络连接出现问题、浏览器兼容性等。解决 video.js:error 的方法也各有不同，可以尝试重新加载页面、检查视频文件是否正常、更新浏览器版本等。 一般来说，解决 video.js:error 的关键是要先找到具体的错误信息或提示。在网页开发者工具中的控制台或网络面板中，可以查看到 video.js 报错的详细信息，比如404错误（文件未找到）、格式不支持等。根据错误信息可以针对性地解决问题，比如重新上传正确的视频文件、增加对应格式的视频支持插件等。 另外，查看 video.js 的官方文档和社区讨论也是解决 video.js:error 的好途径，很可能其他开发者已经遇到了类似的问题并给出了解决方法。此外，确保 video.js 库的版本是最新的也有助于解决一些已知的 bug 或兼容性问题。 综上所述，解决 video.js:error 需要具体问题具体分析，可以通过查看错误信息、参考官方文档和社区讨论、更新依赖库等方法来解决。希望以上信息可以帮助您解决 video.js:error 的问题。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值