解决项目启动提示vue-video-player引入css样式报错

南^思

已于 2022-05-12 15:04:39 修改

阅读量1.2w

点赞数 2

分类专栏： vue 文章标签： javascript 前端 vue.js

于 2022-04-20 12:00:00 首次发布

本文链接：https://blog.csdn.net/qwyio/article/details/124265114

版权

vue 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

背景原因：项目npm run dev提示依赖没有找到：you can run: npm install --save vue-video-player/node_modules/video.js/dist/video-js.css。

解决思路：

原先的引入方式

import "vue-video-player/node_modules/video.js/dist/video-js.css";

import "vue-video-player/src/custom-theme.css";

改成现在的引入方式

import 'video.js/dist/video-js.css';

import 'vue-video-player/src/custom-theme.css';

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

南^思

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
7
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue调用视频播放插件

星星之火可以燎原

02-06

2万+

安装依赖 npm install vue-video-player -S 引入配置 import VideoPlayer from 'vue-video-player' require('video.js/dist/video-js.css') require('vue-video-player/src/custom-theme.css') Vue.use(VideoPlayer) ht...

vue3-video-play 导入以及解决报错

qq_45913170的博客

07-23

1142

如果报错没有引入vue3-video-play。修改node-modules文件。

7 条评论您还未登录，请先登录后发表或查看评论

vue 使用video-players插件安装不上解决如下

lgq1368853532的博客

04-25

522

以及package.json里的"vue-video-player": "",node_modules下的vue-video-player。

Failed to resolve entry for package “vue3-video-play“. Thespecified in its package.json.package may

热门推荐

lyh135923的博客

04-30

2万+

本篇是关于在vue项目中使用video-player遇到的坑本文分三个部分：一：如何使用video-player 二：遇到的坑一三：遇到的坑二使用video-player 1. 先安装插件 npm install video.js --save npm install vue-video-player --save 2.在main.js中使用video-player ...

vue-video-player.zip

09-09

通过以上分析，我们可以看到Vue-video-player是一个强大的视频播放解决方案，结合了Vue.js的便利性和video.js的专业性，为开发者提供了丰富的功能和高度的可定制性。无论是简单的视频展示还是复杂的播放逻辑，Vue-...

vue使用video插件vue-video-player的示例

10-14

import VideoPlayer from 'vue-video-player' require('video.js/dist/video-js.css') require('vue-video-player/src/custom-theme.css') Vue.use(VideoPlayer) ``` 在 Vue 组件中使用 vue-video-player，你需要...

vue-video-player视频播放器使用配置详解

01-18

本文实例为大家分享了vue-video-player视频播放器的使用配置，供大家参考，具体内容如下 1、安装 npm install vue-video-player -save 2、在main.js中添加 import VueVideoPlayer from 'vue-video-player' // 视频...

vue视频播放插件vue-video-player的具体使用方法

12-13

安装 npm install vue-video-player --save 引入可以全局引入插件，也可以在需要用到该插件的组件内单独引入（二选一）【1】全局引用，在main.js里面...【2】组件内引用import { videoPlayer } from ‘vue-video-pl

详解vue-video-player使用心得（兼容m3u8）

10-16

import VideoPlayer from 'vue-video-player' require('video.js/dist/video-js.css') require('vue-video-player/src/custom-theme.css') Vue.use(VideoPlayer) ``` 这样，我们就完成了插件的安装和初始化工作。 ...

vue视频播放插件vue-video-player

越努力，越幸运！

11-07

6410

安装 npm install vue-video-player --save 引入可以全局引入插件，也可以在需要用到该插件的组件内单独引入（二选一）【1】全局引用，在main.js里面导入并引用 import VideoPlayer from 'vue-video-player' import 'vue-video-player/src/custom-theme.css' i...

Video.js

不忘初心

09-19

1086

学习背景前几天在维护一个网站项目，后台使用的百度编辑器UEditor。不过客户发现我们这个编辑器没有办法上传播放本地文件。我对这个问题也是一头雾水，先是查服务器上次视频的路径中是否真有该视频。然后。。。猜想了N多个原因都不是解决问题的根源。好吧，最后我真无奈了。调出firebug来看看吧。果真是不看不知道，一看吓一跳，居然少JS和css文件。我果断沿着这个思路，先查缺少的j

VUE中添加视频播放功能

战场战魁

03-20

279

转载https://www.cnblogs.com/gg-qq/p/10782848.html。

vue-video-player----vue播放器插件

joy_999的博客

05-12

754

vue-video-player----vue播放器插件上个月三月份因疫情期间公司要求做关于防护的视频，当时心想原生video好麻烦，当时就找了下发现还真有video.js基于 vue，兼容性好很多。使用起来代码也简单易懂。感兴趣就往下看吧!!! (废话好多) 1.项目根目录下安装环境依赖 npm i vue-video-player -save (以下代码都均可复制) 2.先全局引入 import VideoPlayer from ‘vue-video-player’ require(‘vi

vue 播放器插件之 vue-video-player

hunter_97的博客

02-19

252

git项目地址：https://github.com/surmon-china/vue-video-player 使用安装：npm install vue-video-player --save 在main.js入口文件中引入 import VideoPlayer from 'vue-video-player' require('video.js/dist/video-js.css'...

vue项目中应用vue-video-player与videojs-flash实现RTMP流播放

youyou390的专栏

12-01

3824

百度了实现方法： 1、npm安装vue-video-player与videojs-flash 2、再引入 3、配置参数但一步一个坎，踩过的坑，有空就记下来，希望以后不跳进同一坑。 1、npm安装时，报错 npm ERR! errno: -4048, npm ERR! code: ‘EPERM’, 重新安装了几次都没有成功，网上有说不能用cnpm啥的，也没解决。删除目录C:\Users\Administrator\AppData\Roaming\npm-cache npm cache c

vue-video-player引入css样式报错

08-16

您遇到的问题是在引入vue-video-player的CSS样式时报错。根据引用和引用的内容，您需要确保正确引入了vue-video-player的CSS样式文件。首先，在您的项目中，您需要在main.js文件中全局配置引入VueVideoPlayer，并安装vue-video-player依赖。确保您已经使用了正确的命令进行安装，如引用中所示，使用"npm install"或者"cnpm install"命令。接着，您需要在main.js中使用"import VueVideoPlayer from 'vue-video-player'"引入VueVideoPlayer，并使用"Vue.use(VueVideoPlayer)"进行全局配置。另外，根据引用中的内容，您还需要确保正确引入了video.js和自定义的CSS样式文件。请注意引入CSS样式文件的路径是否正确，并且确保这些文件已经正确安装和引入到您的项目中。如果您仍然遇到样式引入报错的问题，请检查您的依赖和文件路径等设置是否正确，并尝试重新安装依赖和引入样式文件。如果问题仍然存在，请提供更详细的错误信息，以便我能够为您提供更准确的解决方案。123 #### 引用[.reference_title] - *1* *3* [解决项目启动提示vue-video-player引入css样式报错](https://blog.csdn.net/qwyio/article/details/124265114)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [Vue中如何引用视频（vue-video-player）](https://blog.csdn.net/Sakura1998gis/article/details/110188750)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]