videojs播放rtmp流提示 No compatible source was found for this video.

最新推荐文章于 2024-05-15 19:58:35 发布
最新推荐文章于 2024-05-15 19:58:35 发布
阅读量2.5w 收藏 2
点赞数 2
分类专栏： js 文章标签： videojs rtmp

videojs播放rtmp视频流，提示  (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video.如下：

 

解决方案：

1.将文件放到服务器上，就是别用本地文件的方式打开

2.用的是chrome，将网站的flash设置成默认允许，然后刷新下，就可以了。像这样设置

 

原文：cmqwan

向日葵
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
VUE- 引用视频组件
weixin_30394669的博客
08-19 748
VUE- 引用视频组件 安装依赖 cnpm install vue-video-player -S cnpm install video.js -S 全局引用：在main.js中 import VuevideoPlayer from 'vue-video-player'; import 'video.js/dist/video-js.css...
解决video.js中出现no compatible source was found for this media的问题
weixin_43856626的博客
10-19 7458
1，需要安装插件videojs-contrib-hls 命令：npm install --save videojs-contrib-hls 2，在main.js里面 const hls =require(“videojs-contrib-hls”) Vue.use(hls)
【前端】rtsp 与 rtmp 视频流的播放方法(1)
最新发布
2301_79099606的博客
05-15 574
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
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...
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===''"> 视频播放
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，问我怎么解决来着。 当时刚好也遇到这个问题，就到处查。后面找到一些解决方案 暂时的解决方案：...
video.cjs.js:440 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPO在vue中使用vue-video-player动态获取url加载mp4
qq_45018844的博客
04-25 3715
videojs报错：No compatible source was found for this media.大概就是这样、就是使用一个mp4都报错 一直显示不出来。正确使用方法在下面；看了好多博主的感觉都不行。一直显示不出来，后面换成这样的代码就行了；在初始化时，没有在src中添加视频资源。视频可以播放了，但是错还在；视频资源为空或视频资源无效无法播放。解决，检查资源是否有效，得以解决。首先说说我的问题吧、
uni-app+uview+video.js报错 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source w
将PHP Web开发进行到底
03-16 2422
场景描述 最近公司项目中有需求要使用uniapp + uview2.0 + video.js 实现视频播放功能，但是在uniapp内置浏览器运行调试的时候，总是报错“VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media.” 开始以为代码问题，试了网上各种解决方案，始终报上面这个错误，很是恼火！！！！ 错误截图 控制台报错如下： 内置浏览器界面报错如下： 解决
No compatible source was found for this video. 解决方法
11-22
在本文中，我们将深入探讨“No compatible source was found for this video”这一常见错误，并提供解决方法，同时关注如何使用videojs播放RTMP流。 1. **RTMP协议**: RTMP是一种专为音频、视频数据传输而设计的...
videojs播放rtmp.rar
10-11
《使用videojs播放RTMP视频详解》 在现代网页开发中，视频内容的展示已经成为不可或缺的一部分，而JavaScript库video.js以其强大的功能和易用性深受开发者喜爱。本教程将详细介绍如何利用video.js来播放RTMP协议的...
通过videojs播放rtmp流
06-22
本文将深入探讨如何通过Video.js在网页上播放RTMP流。 首先，让我们理解RTMP协议。RTMP是一种专为实时数据传输设计的网络协议，广泛用于在线直播，因为它能提供低延迟的视频流。尽管HTML5原生不支持RTMP，但通过像...
vuikit让UIkit具有Vue的所有功能
08-08
vuikit：让UIkit具有Vue的所有功能。尽管在构建Vue组件时可以自己使用UIkit，但是您可能发现自己依赖于太多的依赖关系并构建一个包装器来填补缺少的逻辑差距。 Vuikit通过提供本地的，非主动的，组件输出UIkit布局解决所有这一切。
videojs播放rtmp流，测试代码
09-18
videojs播放rtmp流，测试代码，需要部署到服务器上(包括但不限于tomcat，iis）,路径为test/tes2.html。videojs播放rtmp流，测试代码，需要部署到服务器上(包括但不限于tomcat，iis）,路径为test/tes2.html。videojs...
videojs报错：No compatible source was found for this media.
小糖穿越火线
02-06 1万+
videojs报错：No compatible source was found for this media. 分析： 1. 在初始化时，没有在src中添加视频资源。 2. 视频资源为空或视频资源无效无法播放。 解决，检查资源是否有效，得以解决。 ...
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 该媒体没有...
React学习笔记（番外一）——video.js视频播放组件的入门及排坑经历
石沉溪洞
11-06 7090
video.js视频播放组件的入门及排坑经历
EasyDSS流媒体服务器出现no compatible source was found for this media问题的解决
Babosa的专栏
05-26 11万+
在EasyDSS流媒体服务器的客户反馈中，我们遇到这样一个现象，在chrome中经常会出现RTMP/HLS流无法播放的问题： 这个问题复现的几率比较低，因为chrome禁止了flash的加载，这也从另一个角度反应了H5势在必行，各家浏览器对flash的支持也越来越严苛了： 只要在加载中将flash插件支持加上就可以了获取更多信息邮件：support@easydarwin.org WEB：www.
html5 video.js rtmp,html - Stream video with rtmp and videojs - Stack Overflow
weixin_35583709的博客
06-23 141
I looking for a way to stream play videos with rtmp. I use video-js but it doesn't work. Firebug return an error :L'attribut « type » spécifié sur « video/flash » n'est pas géré. Le chargement de la r...
Vue的nextTick
MikazukiMo的博客
05-31 171
Vue.nextTick( [callback, context] ) 参数： {Function} [callback] {Object} [context] 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。
video.js播放rtmp流直播
05-27
要在video.js中播放RTMP流直播，需要使用video.js的rtmp插件。以下是一些步骤： 1. 首先，需要引入video.js和rtmp插件的js和css文件。 ```html <link href="//vjs.zencdn.net/7.6.6/video-js.css" rel="stylesheet"> <script src="//vjs.zencdn.net/7.6.6/video.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script> <script src="//cdn.bootcss.com/videojs-flash/2.2.1/videojs-flash.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-eme/4.4.2/videojs-contrib-eme.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-quality-levels/2.0.9/videojs-contrib-quality-levels.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-dash/2.10.0/videojs-contrib-dash.min.js"></script> <script src="//cdn.bootcss.com/videojs-flash/2.2.1/videojs-flash.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-ads/6.6.5/videojs-contrib-ads.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-quality-levels/2.0.9/videojs-contrib-quality-levels.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-ads/6.6.5/videojs-contrib-ads.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-dash/2.10.0/videojs-contrib-dash.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script> <script src="//unpkg.com/videojs-flash/dist/videojs-flash.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-ads/6.6.5/videojs-contrib-ads.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-eme/4.4.2/videojs-contrib-eme.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-quality-levels/2.0.9/videojs-contrib-quality-levels.min.js"></script> <script src="//cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script> ``` 2. 在video标签中添加data-setup属性，并在其值中定义rtmp插件。 ```html <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup='{ "techOrder": ["flash", "html5"] }'> <source src="rtmp://example.com/path/to/stream" type="rtmp/mp4"> </video> ``` 3. 当使用rtmp流时，需要指定flash播放器的路径。 ```javascript videojs.options.flash.swf = "path/to/video-js.swf"; ``` 这样就可以在video.js中播放RTMP流直播了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值