这篇具有很好参考价值的文章主要介绍了vue-video-player 在使用时视频加载不出来，报错The media could not be loaded, either because the server ...。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。
The media could not be loaded, either because the server or network failed or because the format is not supported文章来源：https://www.toymoban.com/news/detail-508271.html
配置引入使用的相关代码：
文章来源地址https://www.toymoban.com/news/detail-508271.html
到了这里，关于vue-video-player 在使用时视频加载不出来，报错The media could not be loaded, either because the server ...的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！
注：用来测试的在线视频url地址 1.下载依赖 vue2 推荐下载指定版本依赖，不然可能下载不下来报错。 2.全局注册main.js 3.新建vue文件 下班`
步骤一： npm安装插件 ： npm install vue-video-player --save 如果报错 安装具体版本 如下所示： npm install --save vue-video-player@4.0.6 如果package.json文件内显示则为安装成功 步骤二： 局部引入---这里因为只有一个页面需要所有采用的局部引入 在需要的页面引入（这里注意路径不要写错
事情的起因是在博主把项目部署到服务器上后，发现由于视频太大，加上服务器太垃圾，导致稍微大点的视频加载很久才能播放（指十多分钟…），然后就上网查找资料，看下咋实现。 这里涉及到有关http请求的知识“HTTP Header里的Range和Content-Range参数，Range是在请求头里 Ra
参考教程：https://juejin.cn/post/6939898078526881823 官方：https://github.com/surmon-china/videojs-player 安装指令 安装指令要注意带上版本号，如果没有会默认使用最新版，最新版仅支持vue3，因此会出问题。 HLSPlay.vue 自定义组件代码 直接引用，如果组件配置了自动播放，则会自动播放。 更
首先说说我的问题吧、 一直显示不出来，后面换成这样的代码就行了； 大概就是这样、就是使用一个mp4都报错 一直显示不出来 正确使用方法在下面；看了好多博主的感觉都不行 videojs报错：No compatible source was found for this media. 分析： 在初始化时，没有在src中添加视频资源。
*vue-video-player 报错The media could not be loaded, either because the server or network failed or because the format is not supported * 原因： 我的src的路径即视频文件存放到本地了，路径直接写 src: \\\'videos/demo.mp4\\\' 而不用 \\\"/videos/demo.mp4\\\" 二、刚开始运行安装命令时，在入口文件引入报错，会显示找不到文
1、背景 项目中有涉及视频播放的需求，并且UI设计了样式，与原生的视频video组件有差异，所以使用了vue-video-player插件，并对vue-video-player进行样式改造，自定义播放暂停按钮、全屏按钮、时间进度条样式等，自动播放设置、设置一开始全屏播放视频、监听全屏事件等。 2、效
1、背景 项目中有涉及视频播放的需求，并且UI设计了样式，与原生的视频video组件有差异，所以使用了vue-video-player插件，并对vue-video-player进行样式改造，自定义播放暂停按钮、全屏按钮、时间进度条样式等，自动播放设置、设置一开始全屏播放视频、监听全屏事件等。 2、效
