Videojs no compatible source was found for this media rtmp #5606 请注意video. No matter what I do, I get "No Compatible Source was found for this video" when I try to click "play" on a live stream. @mister-ben @gkatsev @kiragame — You are receiving this because you were mentioned. m3u8 video file with the vue-video-player but I'm getting the following error: I have the code exactly like your nuxt Sep 12, 2023 · 在vue项目中使用Video. js 7. Video. For older Video. "} videojs 播放 rtmp 视频流，提示 (CODE: 4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. 5 play rtmp/flv format video, it throw "No compatible source was found for this media" at chrome version 63. 如下：解决方案： 1. Mar 5, 2019 · videojs提示 (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. 然后迅速变成正常的视频首帧但是在生产环境下这个速度就变得很慢这个异常提示会持续2-3秒这个体验非常不好 Oct 3, 2017 · Hi i tried everything im looking for solution 2h or smth but i cant find anything. I'm stuck here, I can't figure out why it not displaying the video. 3k次。博客提及搭建Web服务，可选用nginx、Apache等，还提到要打开Flash，涉及信息技术领域的Web服务搭建及Flash相关操作。 The world's most popular free and open source HTML5 video player for web and mobile. Secondly, I have successfully saved the video file pushed to nginx-rtmp as a series of FLV file, and I know that I can use exec_push to call ffmpeg to convert flv to a format that is compatible with HLS. ---more Nov 12, 2021 · Notifications You must be signed in to change notification settings Fork 7. 1. js的填充程序。媒体源扩展（MSE）是W3C草案规范，可以将数据直接馈送到视频元素。 MSE允许视频开发人员直接在javascript中构建自适应流等 Feb 21, 2022 · Video. ” Jan 18, 2021 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. #4735 New issue Closed QbjGKNick Feb 8, 2022 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media Asked 3 years, 9 months ago Modified 3 years, 9 months ago Viewed 3k times Feb 6, 2020 · videojs报错：No compatible source was found for this media. #7182 Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. js player doesn't play videos hoste Mar 16, 2019 · 通过接口获取到RTMP的流，想通过video. npm install video. I got this error "No compatible source was found for this media. Aug 17, 2023 · 背景：使用videojs第三方插件，用于播放视频，videojs被封装成一个组件，通过点击事件达到如下目的：点击更改组件的src，以达到动态切换视频的效果。出现问题：点击事件不能实现视频的切换，控制台爆红如下：中文翻译： VIDEOJS：错误：（代码：4 MEDIA_ERR_SRC_NOT_SUPPORTED）无法加载媒体，原因可能 Mar 12, 2022 · 如何解决VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. Aug 21, 2025 · videojs rtmp No compatible source was found for this media. js 7中，请参阅 video. js时遇到'no compatible source was found for this media'错误。此问题并非由Chrome禁用Flash引起，而是由于video. " Jul 17, 2017 · Setting up video. 将文件放到服务器上，就是别用本地文件的方式打开 2. js can play: Does your browser/OS support the type of media that you are trying to play? Jul 5, 2017 · I'm happy to report rtmp works fine on v6 by adding videojs-flash, there must've been sth wrong with either long config or local npm install, in either case Simple config that works, for reference: Jul 19, 2018 · 文章浏览阅读2. 6w次，点赞2次，收藏2次。本文介绍了解决videojs播放rtmp视频流时出现的CODE:4MEDIA_ERR_SRC_NOT_SUPPORTED错误的方法。通过调整文件放置位置及浏览器Flash设置，可以有效解决此问题。 For starters, it is most likely an issue with the source url. js的使用，没看到的童鞋请点击这里观看，所以在这一篇中就主要是说说遇到的一下问题，及怎么兼容rtmp和hls。 1、播放rtmp流提示No compatible source was found for this media这是你的浏览器没有开启flash的原因， I have a Next app where I want to embed a player. is there something I am doing wrong? I get this error: VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media Nov 19, 2018 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. js. ”（找不到匹配的媒体源）三、原因分析 1. and 2. js ? Aug 21, 2025 · 文章浏览阅读8k次。当遇到VIDEOJS的MEDIA_ERR_SRC_NOT_SUPPORTED错误时，通常是因为src值为空或者rtmp流不再支持Flash。解决方案包括检查DOM节点的src属性，考虑使用flv. js:95 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. js versions, http-streaming or its predecessors videojs-contrib-hls and videojs-contrib-dash add similar support, but for best results use the latest Video. js播放m3u8视频时播放器会先No compatible source was found for this media. js?0e26:441 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. hk. Jul 25, 2017 · 有一些小哥说videojs播放不了 rtmp，报的错是这个。 videojs提示 (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. 0版本中这个源是可以直接打开的 Jul 21, 2020 · 文章浏览阅读1. // 找不到此媒体的兼容源原因官方解释 Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更意思呢就是动态赋值完后不是立即就能赋值 Oct 20, 2020 · Description Briefly describe the issue. 21. Jul 17, 2017 · Setting up video. ) - including the VideoJS player settings RTMP streams (media_videojs | rtmp) and Use Flash fallback (media_videojs | useflash) and the references to Flash fallback in the strings configaudioextensions and configvideoextensions Jun 19, 2018 · I've been working on setting this up in a docker container to have nginx-rtmp and this to monitor all in one go. " Chrome Console returns the following error: May 5, 2021 · No compatible source was found for this media Asked 4 years ago Modified 4 years ago Viewed 2k times Aug 15, 2019 · if you refresh the page with the cache reset (ctrl+f5), then there is no problem, but the next normal update again this problem. com/live/hks 但是我测试过源了可以使用的，而且在vue-video-player 3. js Sep 6, 2013 · The available source types include rtmp/mp4 or rtmp/flv. RTMP has been a much requested feature over the years and it ’ s great to finally have it in the player. 将 Mar 23, 2025 · Re: "no compatible source was found for this media" by mik_s » Sun Mar 23, 2025 9:32 pm All videos will need to be transcoded to a standard format for the web player and uses a similar method to Youtube and other video sites, so if all transcoding is disabled this will no longer work. js - open source HTML5 video player. Once I set the type o Discover the common causes and solutions for the "`No compatible source was found for this media`" error when working with HLS streams in vue. So. 分析： 1. X是绝对显示不出来的，不知道为什么新版本反而对rtmp支持不好了。也有网友反映相同的问题。 Sep 12, 2023 · 在vue项目中使用Video. 10. '的错误，解决办法包括启动web服务如nginx或Apache，并启用Flash支持。 Apr 14, 2021 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. cjs. 用7. js 提示no compatible source was found for this media 查了很多文章，凡在vue项目中引入video. 18. Is there any solution to solve this? Jul 10, 2019 · 如果浏览器还是提示VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. I use video-js but Dec 15, 2017 · my problem is when i use videoJs 4. js 加载多种视频流 (HLS、FLV、RTMP、RTSP)封装开箱及用，发布npm，提示：这里兼容了rtmp数据流，但是前提需要下载支持flash插件的浏览器@TOC前言上一偏我们使用vue3和vite封装了一个audio插件发布npm官网，这里我们将封装一个视频video插件并发布npm供大家参考提示：下面不涉及新建项目和打包npm Apr 9, 2020 · but then i encounter two problems which are video. Thanks to everyone involved in that work. js expects an mp4 media type, and it also validated this against the url where it expects a . Dec 12, 2024 · Description I used the demo code provided on your (React and Video. 如下：解决方案： 1. Skipped browser support check for that tech. 3239. js实现实时预览. Source Code The source code is everything you'll find when checking out the Video. hkstv. js) to create the player. 测试rtmp地址网上随便找的，有试过楼主那个香港电视 Jul 25, 2019 · videojs提示 (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. 1 (http-streaming Jun 6, 2020 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media on WSHH 8 replies 1 has this problem 760 views Last reply by mcveight14 4 years ago CSDN桌面端登录PowerShell 2006 年 11 月 14 日，微软发布 PowerShell。PowerShell 是微软开发的任务自动化和配置管理框架，包含了命令行接口、PowerShell 脚本语言和一个开发包。2016 年 8月18日开源并支持跨平台。 1737 Aug 15, 2019 · The vlc can play my rtmp stream and when i play it, there are no errors reported in the console and the screen is not totally black, it is black with white spots (area) and dynamically changed. 不知道官方示例无法播放是不是同样的问题。 Nov 10, 2017 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. 如下：解决方案： 1. Nov 6, 2024 · 问题描述：在Vue项目中使用Video. js插件，都会出现视频播放器中间出现一个大叉号导致视频无法播放，同时控制台出现no compatible source was found for this media的错误提醒的情况，究竟是什么原因呢？ 1. I just want to put it into a webpage and i found videojs. use (hls) 何以。 Dec 2, 2024 · 二、问题描述视频无法播放，出现错误信息：“VIDEOJS: ERROR: (CODE:4 MEDIAERRSRCNOTSUPPORTED) No compatible source was found for this media. min. html CSDN桌面端登录Unix 发布 1971 年 11 月 3 日，第一个版本的Unix 发布。Unix 是一个多任务、多用户的计算机操作系统家族，前身为1964 年启动的 Multics。由于项目缓慢，1969年贝尔实验室退出，后来参与项目的肯·汤普森、丹尼斯·里奇等人开始自研 Unix。Unix直接影响了如今流行的所有操作系统。 1558 有一些小哥说videojs播放不了rtmp，报的错是这个。 videojs提示 (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. 在初始化时，没有在src中添加视频资源。 2. 可能是没有开始浏览器 flash 支持, chrome 默认是询问,需要改成允许 Apr 25, 2019 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. 然后迅速变成正常的视频首帧但是在生产环境下这个速度就变得很慢这个异常提示会持续2-3秒这个体验非常不好 Nov 16, 2017 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported. js test each source in the order given. The player is configured with overrideNative enabled and is broadcasting HLS video. My setup: This works fine in Chrome, IE, Opera, on iOS and on Android etcetera. "} The error is quite clear, but there are plenty of docs showing people success stories of playing RTMP streams with VideoJS: Jul 19, 2019 · Skipped browser support check for that tech. VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. . js及其相关插件处理RTSP、RTMP、FLV和HLS格式的视频流，包括依赖安装、配置播放器以及解决RTMP在现代浏览器中的兼容性问题。 These have novtt in the name and can be found in the alt/ directory. 3k次，点赞3次，收藏4次。本文介绍如何在项目中利用video. js with i use it as component in vue. js和videojs-flash版本，因此不用再手动install 没有做全局的引入，只在页面修改 html: js: css: (播放图标看大家都用圆的，cv过来) tips: 1. After upgrading to the latest version 8. es. 8k次。提示：这里兼容了rtmp数据流，但是前提需要下载支持flash插件的浏览器@TOC前言上一偏我们使用vue3和vite封装了一个audio插件发布npm官网，这里我们将封装一个视频video插件并发布npm供大家参考提示：下面不涉及新建项目和打包npm流程，需要的请看上一篇vue3 + vite自定义封装vue+aud videojs 播放 rtmp 视频流，提示 (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. Aug 21, 2025 · 错误信息：VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. Stream video with rtmp and videojsI looking for a way to stream play videos with rtmp. " how it works well in ff, or safari Apr 1, 2015 · Hello, I'm using VideoJS for livestreams with rtmp and hls. Jan 27, 2017 · we just have to use flash on EDGE windows 10, if we have need for a special reason to reproduce rtmp/rtmpe or flv formats, if not we don't need flash with videojs EDGE for window 10, works fine with ( mp4, mp3, hls live/vod ) using native video tag or videojs. mpd link from a Server and i want to show the video from the link, i did like the example in documentation Video. Not on desktop and not on Android. Contribute to videojs/video. 用的是chrome，将网站的 flash 设置成默认允许，然后刷新下，就可以了。 Nov 3, 2017 · FLV VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. 可能是没有开始浏览器 flash 支持, chrome 默认是询问,需要改成允许 May 16, 2022 · 在上一篇文章中已经记述了video. txt Plays fine in a computer browser (Chrome, Firefox) but I get "no compatible source was found for this media" when attempting to view on iOS 10 devices. js我用的是5. js git repository. 将文件放到服务器上，就是 Aug 21, 2025 · 查了很多文章，凡在vue项目中引入video. mp4 file heading. Assuming that you're playing back an HLS video in chrome on windows and you're getting that, it could be one of several issues. js can not work in Mozilla Firefox when I try to play an RTMP stream, it always tells me that No compatible source was found for this media. Sep 1, 2022 · 问题：video. I use video-js but Stream video with rtmp and videojsI looking for a way to stream play videos with rtmp. Make sure you are using formats that Video. 1 an May 25, 2023 · Console: VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported. 5k Dec 19, 2017 · 该项目的官方rtmp示例出现了无法播放的问题，不知道是什么原因？在我测试rtmp视频时本地开发可以播放，但build上线后无法播放，console报错：VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. Jan 20, 2017 · Here's my code on index. Jul 17, 2017 · MediaError {code: 4, message: "No compatible source was found for this media. May 3, 2023 · I use https://github. #4715 Nov 8, 2017 · hls的就没问题，rtmp报错： video. Feb 8, 2022 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media #7636 I have problem with Video. To do so, I decided to use the video. font/ includes all the generated icon font files from the Videojs Font project. 用的是 chrome，将网站的 flash设置成默认允许，然后刷新下，就可以了。 Sep 9, 2025 · 报错信息 No compatible source was found for this media 前端报错如下问题原因高版本chrome谷歌浏览器默认禁用flash插件解决方法 1、页面上传到服务器，不要使用本地页面 2、允许chrome谷歌浏览器启用flash插件。chrome谷歌浏览器启用flash插件方法如下： May 9, 2020 · BUG REPORT TEMPLATE Vue. 视频资源为空或视频资源无效无法播放。解决，检查资源是否有效，得以解决。 Aug 13, 2020 · The browser reported error: VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. 原创最新推荐文章于 2025-08-21 10:17:51 发布 · 6. js 但是目前来说，还是使用hls流比较好。 Feb 26, 2016 · I am using a sample code to setup rtmp video streaming in browser using Videojs. lang/ contains all the generated translation files. "}” Jul 27, 2019 · 在Vue项目中使用video. 将文件放到服务器上，就是别用本地文件的方式打开 2. js says "No compatible source was found for this media. The most likely culprit is Video. Jul 26, 2020 · I am trying to play media streams over rtmp. 0 beta version. I get the Error: No compatible source was Aug 9, 2018 · nginx-rtmp服务器已搭好，是根据这篇文章搭建的链接描述VCL验证可以播放，但是使用videojs结果报错代码如下 {代码} 报错 {代码} chrome浏览器理解有误，videojs无法解决rtmp播放问题，仍需引入flash实现 videojs-contrib-media-sources:用于使用媒体源扩展API和video. Using the <video-js> element Nov 26, 2015 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. js的代码-Source code VHS支持HLS和DASH，并且内置在video. Sep 5, 2017 · 提示：“VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. MediaError {code: 4, message: "No compatible source was found for this media. com/ossrs/srs to stream a video. I'd love to watch the stream on the web. There are two ways to work around this. But it's not working in Firefox. html <video Aug 21, 2025 · 文章浏览阅读8. 将文件放到服务器上，就是别用本地文件的方式打开 2. m3u8，可以在video标签中使用，只是需要浏览器支持。其他只有低版本的IE不支持h5的还是换成flash吧。 Nov 29, 2023 · 本文介绍了如何在Vue2项目中使用video. js文件中引入并使用该插件。试用了vue-video-player 5. For more information on media formats see the troubleshooting guide. Dec 10, 2022 · 出现这个问题还有一个原因就是对于rtmp 流的话，目前已经不支持flash，使用无法找到对应兼容的播放工具，哪怕是导入import “videojs-flash” 也没办法实现播放视频，对于flv类型的播放流，建议使用flv. #6213 Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. I have tried mp4, f4v, m3u8u, and f4m. js播放MP4视频时，突然出现视频无法播放的情况，并报错：“VIDEOJS: ERROR: (CODE:4 MEDIAERRSRCNOTSUPPORTED) No compatible source was found for this media. js in an attempt to preview RTMP/FLV live stream feed in a local environment for debuggins purposes. Q: How does Video. Oct 24, 2018 · 然后便可以重新实例化videojs, 加载url播放视频问题: videojs提示 (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. js choose which source to use? When an array of sources is available, Video. 源：rtmp://live. Can i do this with video. " while using type="rtmp/mp4" my code . However, Video. js的运行机制导致数据更新后DOM未及时更新。通过Vue. ，先查看浏览器是允许flash，点击地址前面感叹号-flash设置为允许 Apr 7, 2017 · I'm using OBS to push live stream to my local rtmp server (node-rtsp-rtmp-server), and it works well with VLC media player. 4",在chrome设置的是允许flash插件，但是页面上一直报错：VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. js，目前使用hls流更佳。 Description As mentioned by kabalin in a comment in MDL-58065 we should remove the videojs flash plugin and all related code (loader, etc. Steps to reproduce Explain in detail the exact steps necessary to reproduce the issue. js里面const hls =require (“videojs-contrib-hls”)Vue. 108 , but it work correct at chorme 64. js and video. js's "late init" where it doesn't try to play back if the browser has already started handling it. 版本为"^5. js version and component version I'm trying to play a . 就像下面这样。因为有几个小哥加我qq，问我怎么解决来着。当时刚好也遇到这个问题，就到处查。后面找到一些解决方案暂时的解决方案： 1. js:22VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. 12. it works well in my chrome, but when it can't work in firefox or in safari of my iphone, the error is " video. MediaError { code=4, message="No compatible source was found for this video. 用的是 chrome，将网站的 flash设置成默认允许，然后刷新下，就可以了。 Nov 1, 2016 · HebutJipeng commented on Nov 1, 2016 hi, thank for this libs, i play rtmp stream recently. 2可以播放rtmp视频,步骤如下: npm install vue-video-player --save vue-video-player中已经写明了依赖的video. js插件播放HLS流。首先需要通过npm安装videojs-contrib-hls插件，然后在main. 然后迅速变成正常的视频首帧但是在生产环境下这个速度就变得很慢这个异常提示会持续2-3秒这个体验非常不好 Sep 2, 2024 · vue3 + video. 视频文件损坏可能原因：视频在传输过程中损坏，或者视频格式转换过程中出现错误。 Sep 12, 2023 · 在vue项目中使用Video. 大概就是这样、就是使用一个mp4都报错一直显示不出来。正确使用方法在下面；看了好多博主的感觉都不行。一直显示不出来，后面换成这样的代码就行了； This depends on the formats supported by the browser's HTML5 video element, and the playback techs/plugins made available to Video. lxdns. Jul 13, 2017 · The "flash" tech is undefined && No compatible source was found for this media #4482 Closed ghost opened this issue on Jul 13, 2017 · 8 comments Dec 26, 2017 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media #4843 New issue Closed avinash-chopra May 18, 2025 · 小莉爱编程的博客 videojs报错：No compatible source was found for this media. video. 7k 阅读 videojs 播放 rtmp 视频流，提示 (CODE:4 MEDIA _ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. Include a reduced test case, we have a starter template on JSBin you can use. js播放flv流，以及首选hls流。 Jan 12, 2021 · 博客主要围绕VIDEOJS出现的ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED)错误展开，指出该错误一是因创建dom节点时src值函数为空，做判断即可解决；二是rtmp流不支持flash，无兼容播放工具，对于flv流建议用flv. Everything works fine with, eg, youtube videos. js library. Player Skin Designer If you missed the previous blog post, be sure to check out the new interface for designing the player skin. js development by creating an account on GitHub. This seem to work fine in desktop pc but same does not in Android browser. I recieve a . I've tried to obtain the raw NGINX feed, and the FFMPEG re-encoded feed, and every time I load the page, video. Sep 5, 2019 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media. 0. but in IE11 for windows 10, videojs don't detect that the browser can't support hls in video tag HTML5, so don't change the tech for Aug 21, 2025 · 文章浏览阅读5. html (converted to text file): index. X. js:95 VIDEOJS: ERROR: The "flash" tech is undefined. The source of the vi Jun 15, 2018 · Hello everyone, I found that video. 没有找到与此媒体兼容的源。原因：建dom节点时，视频 src 的值为空导致的问题解决方法：可以给src一个初始化默认值 Oct 19, 2020 · 1，需要安装插件videojs-contrib-hls命令：npm install --save videojs-contrib-hls2，在main. 解决:. Mar 27, 2023 · VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found 原因： VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found 出现的原因是你提供的视频连接可能没有扩展名导致，这样videojs无法知道视频的格式。需要在type属性指定播放视频的格式即可。文章浏览阅读1. " Chrome Console returns the following error: May 9, 2018 · There's not much to go on here based on your provided information. nextTick (callback)在DOM更新后执行回调，确保视频源和封面图片正确渲染，从而解决这个问题。 Jun 1, 2021 · 解决方案：将推流的rtmp地址换成HLS. 3w次，点赞3次，收藏6次。本文介绍了如何在web浏览器中通过videojs库对接实时视频流，特别是rtsp和rtmp格式。由于rtsp不被直接支持，需要将流转换为flv或rtmp。在实现过程中，可能遇到'No compatible source was found for this media. I get this error: The video could not be loaded, either because the server or network failed Sep 1, 2020 · 首先是这个问题呢 No compatible source was found for this media. yrcslx ziovke sujp wvjb eprh zyews dgpnkt iyqqicv kffg dxdrmhn dmw cly ddjto omi emgi

Videojs no compatible source was found for this media rtmp. com/ossrs/srs to stream a video.