chrome谷歌浏览器视频播放报错：No compatible source was found for this media解决方法

最新推荐文章于 2023-04-25 15:19:15 发布
最新推荐文章于 2023-04-25 15:19:15 发布
阅读量1.3w 收藏 1
点赞数
分类专栏： 前端 文章标签： No compatible 谷歌浏览器视频播放报错 chrome浏览器视频播放报错 web页面视频播放报错 vedio.js视频播放报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wfanking/article/details/110253314
版权

海康威视摄像头在chrome谷歌浏览器高版本局域网下web网页实时播放，
经常会出现RTMP/HLS流无法播放的问题，报错信息如下

报错信息

No compatible source was found for this media

前端报错如下

海康威视摄像头在chrome谷歌浏览器高版本局域网下web网页实时播放，经常会出现RTMP/HLS流无法播放的问题。chrome谷歌浏览器视频播放报错：No compatible source was found for this media；chrome谷歌浏览器视频播放报错：No compatible source was found for this media；chrome谷歌浏览器视频播放报错：No compatible source was found for this media；chrome谷歌浏览器视频播放报错：No compatible source was found for this media；chrome谷歌浏览器视频播放报错：No compatible source was found for this media

问题原因

高版本chrome谷歌浏览器默认禁用flash插件

解决方法

1、页面上传到服务器，不要使用本地页面
2、允许chrome谷歌浏览器启用flash插件。chrome谷歌浏览器启用flash插件方法如下：

今天要吃鱼
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue.nextTick(callback)解决video.js中出现no compatible source was found for this media的问题
elephant230的博客
07-27 2万+
查了很多文章，凡在vue项目中引入video.js插件， 都会出现视频播放器中间出现一个大叉号导致视频无法播放，同时控制台出现no compatible source was found for this media的错误提醒的情况， 究竟是什么原因呢？ 翻译过来是找不到匹配媒体资源： no compatible source was found for this media 该媒体没有...
FFmpeg分片播放提示:No compatible source was found for this media
u010312671的专栏
03-09 5112
这里写目录标题问题场景产生原因解决方式: 问题场景 当写死一个url地址时不报错，使用动态参数赋值，就会报错。如下图： 代码如下，写死一个url地址可以正常播放视频。 如果使用在vue中使用:src进行赋值，则提示No compatible source was found for this media。 <video id="example-video" width="800" height="400" class="video-js vjs-default-skin vjs-big-play-
videojs报错：No compatible source was found for this media.
小糖穿越火线
02-06 1万+
videojs报错：No compatible source was found for this media. 分析： 1. 在初始化时，没有在src中添加视频资源。 2. 视频资源为空或视频资源无效无法播放。 解决，检查资源是否有效，得以解决。 ...
chrome打开网站视频显示no cimpatable source was found for this media
陌上行走的博客
12-19 4万+
在写了一个视频播放的网页挂在网站后，在edge、ie等浏览器上都是正常的，但是在chrome升级了之后，突然就不能使用了，而是出现了no cimpatable source was found for this media，如下图所示：
解决video.js中出现no compatible source was found for this media的问题
weixin_43856626的博客
10-19 7411
1，需要安装插件videojs-contrib-hls 命令：npm install --save videojs-contrib-hls 2，在main.js里面 const hls =require(“videojs-contrib-hls”) Vue.use(hls)
Vue的nextTick
MikazukiMo的博客
05-31 169
Vue.nextTick( [callback, context] ) 参数： {Function} [callback] {Object} [context] 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。
chrome谷歌浏览器驱动(105.0.5195.52)
10-20
chromedriver 适用于chrome谷歌浏览器版本（105.0.5195.52）， 谷歌浏览器驱动主要用于selenium自动化操作，Python调试脚本。 该资源包含linux，mac，Windows三个系统版本。 解压对应的zip压缩包即可，经测试可正常...
chrome谷歌浏览器驱动(97.0.4692.71)
10-20
chromedriver 适用于chrome谷歌浏览器版本（97.0.4692.71）， 谷歌浏览器驱动主要用于selenium自动化操作，Python调试脚本。 该资源包含linux，mac，Windows三个系统版本。 解压对应的zip压缩包即可，经测试可正常...
chrome谷歌浏览器驱动(104.0.5112.29)
10-20
chromedriver 适用于chrome谷歌浏览器版本（104.0.5112.29）， 谷歌浏览器驱动主要用于selenium自动化操作，Python调试脚本。 该资源包含linux，mac，Windows三个系统版本。 解压对应的zip压缩包即可，经测试可正常...
chrome谷歌浏览器驱动(105.0.5195.19)
10-20
chromedriver 适用于chrome谷歌浏览器版本（105.0.5195.19）， 谷歌浏览器驱动主要用于selenium自动化操作，Python调试脚本。 该资源包含linux，mac，Windows三个系统版本。 解压对应的zip压缩包即可，经测试可正常...
No compatible source was found for this video. 解决方法
11-22
videojs播放rtmp流，测试代码，需要部署到服务器上(包括但不限于tomcat，iis）,路径为test/tes2.html。
chrome谷歌浏览器驱动(99.0.4844.51)
10-20
chromedriver 适用于chrome谷歌浏览器版本（99.0.4844.51）， 谷歌浏览器驱动主要用于selenium自动化操作，Python调试脚本。 该资源包含linux，mac，Windows三个系统版本。 解压对应的zip压缩包即可，经测试可正常...
chrome谷歌浏览器驱动(96.0.4664.45)
10-20
chromedriver 适用于chrome谷歌浏览器版本（96.0.4664.45）， 谷歌浏览器驱动主要用于selenium自动化操作，Python调试脚本。 该资源包含linux，mac，Windows三个系统版本。 解压对应的zip压缩包即可，经测试可正常...
chrome谷歌浏览器驱动(93.0.4577.63)
10-20
chromedriver 适用于chrome谷歌浏览器版本（93.0.4577.63）， 谷歌浏览器驱动主要用于selenium自动化操作，Python调试脚本。 该资源包含linux，mac，Windows三个系统版本。 解压对应的zip压缩包即可，经测试可正常...
chrome谷歌浏览器驱动(96.0.4664.35)
10-20
chromedriver 适用于chrome谷歌浏览器版本（96.0.4664.35）， 谷歌浏览器驱动主要用于selenium自动化操作，Python调试脚本。 该资源包含linux，mac，Windows三个系统版本。 解压对应的zip压缩包即可，经测试可正常...
uni-app+uview+video.js报错 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source w
将PHP Web开发进行到底
03-16 2393
场景描述 最近公司项目中有需求要使用uniapp + uview2.0 + video.js 实现视频播放功能，但是在uniapp内置浏览器运行调试的时候，总是报错“VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media.” 开始以为代码问题，试了网上各种解决方案，始终报上面这个错误，很是恼火！！！！ 错误截图 控制台报错如下： 内置浏览器界面报错如下： 解决
Chrome浏览器出现No compatible source was found for this video.解决方法
热门推荐
qq_42417385的博客
11-22 4万+
Chrome浏览器出现No compatible source was found for this video.解决方法 Chrome浏览器出现No compatible source was found for this video 解决方案： 1.将文件放到服务器上，就是别用本地文件的方式打开 https://download.csdn.net/download/qq_42417385/1...
video.cjs.js:440 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPO在vue中使用vue-video-player动态获取url加载mp4
qq_45018844的博客
04-25 3667
videojs报错：No compatible source was found for this media.大概就是这样、就是使用一个mp4都报错 一直显示不出来。正确使用方法在下面；看了好多博主的感觉都不行。一直显示不出来，后面换成这样的代码就行了；在初始化时，没有在src中添加视频资源。视频可以播放了，但是错还在；视频资源为空或视频资源无效无法播放。解决，检查资源是否有效，得以解决。首先说说我的问题吧、
VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media.
qq_40994735的博客
01-12 3万+
如何解决VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. <template> <!-- 这个组件是m3u8事件留组件 --> <div class="container"> <div class="player"> <div v-if="src===''"> 视频播放
解决webdriver.chrome()报错:message:'chromedriver' executable needs t...
最新发布
09-12
`webdriver.Chrome()`报错"message: 'chromedriver' executable needs to be in PATH."是因为你的电脑找不到chromedriver的可执行文件。为了解决这个问题，你可以按照以下步骤进行操作： 1. 首先，确保你已经下载了Chrome浏览器的相应版本的chromedriver可执行文件。你可以通过访问https://chromedriver.chromium.org/downloads网站下载合适的版本。 2. 下载完成后，将chromedriver可执行文件移动或复制到一个PATH环境变量指定的目录中。PATH环境变量保存了系统用来查找可执行文件的路径列表。可以将chromedriver放在/usr/local/bin或C:\Windows\System32等目录中，这些目录通常默认在PATH环境变量中。 3. 在Python代码中使用`webdriver.Chrome()`之前，先将chromedriver的路径添加到系统的环境变量中。你可以使用以下代码来实现： ``` import os os.environ["PATH"] += os.pathsep + '/path/to/chromedriver' ``` 请确保将`/path/to/chromedriver`替换为你实际放置chromedriver的路径。 希望以上提示对你有帮助。如果问题仍然存在，可能是由于其他原因导致的，你可以尝试更新Chrome浏览器和对应版本的chromedriver，或者检查你的Python库和依赖项的版本兼容性。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值