vue里播放mp4视频路径报错

小白白一枚111

已于 2022-05-05 16:47:19 修改

阅读量3.3k

点赞数 1

分类专栏： js vue

于 2022-02-25 15:08:57 首次发布

本文链接：https://blog.csdn.net/weixin_50166856/article/details/123133572

版权

require 本地视频路径问题 require()函数前端开发

关键词由CSDN通过智能技术生成

js 同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

vue

18 篇文章 0 订阅

订阅专栏

路径一直报错，原来本地视频要加上require

sources: [{
                    type: "video/mp4",
                    src: require('../../video/A7.mp4')//url地址
                }],

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小白白一枚111

关注关注

1
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue动态绑定video的src，本地路径

weixin_45235942的博客

08-12

4008

在网上百度了很多方法都说要使用vue的$refs，但是我的问题与网上百度出来的问题不同，需要使用require包住地址，是因为，我的地址是本地的，本地的视频地址要和图片一样包起来才能看见下面是我的代码 <template> <div style="width: 500px; margin: 0 auto;"> <video :src="url" style="width: 200px; height: 300px;" controls></video&

vue+typescript @引用路径报错

janyxh的博客

07-27

1119

最近使用vite + vue 3.0 + typescript搭了一个项目，发现引入组件时，使用@引入绝对路径报错。想了下，可能是因为从vue cli换成了vite，也可能是javascript换成了typescript。那在目前的架构下，怎么使用@作为路径的开头呢？经查询vite文档，发现可以使用resolve.alias设置别称。 vite.config.ts import path from "path"; export default defineConfig({ resolve:

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

【记录处理Vue项目中Video.js播放不了MP4视频Bug】

CH_Y的博客

03-07

3700

在Vue项目中使用Video.js播放MP4视频。视频采集上来存在数据库，前端使用Video.js对视频进行播放。并发现前一时间段采集到的MP4视频可以播放，最近的采集的视频不能播放。记录处理Video.js不能播放MP4的bug。

vue 流式加载mp4文件

最新发布

creatlh的博客

09-27

638

【代码】vue 流式加载mp4文件。

vue 播放本地mp4

fanr639的博客

06-24

7165

vue中使用video标签播放本地视频刚开始学习vue，在播放视频这一块中以为和HTML一样，src的地址贴上去就行，可是后来视频一直出不来，经过网上查找方法后才发现src后面需要加require <video :src="src" type="video/mp4"/> <script> export default{ data(){ return{ src: require('../../../public/video/111.mp4'), } }

vue使用vue-video-player无法播放本地视频的问题

开发猫

05-06

9712

方法：因为引入的是本地资源，要把资源写在“require”方法里 sources: [ { //类型 type: 'video/mp4', src: // 'https://vdept.bdstatic.com/456b54495743493962554345724...

vue项目 ie提示：视频类型不受支持或文件路径无效；解决方案

橙-极纪元-cplvfx-JJY.Cheng

12-17

3193

vue项目 ie提示：视频类型不受支持或文件路径无效；解决方案

vue-cli 项目打包完成后运行文件路径报错问题

12-10

当您将 Vue CLI 打包后的应用部署到服务器，例如 Tomcat，可能会遇到文件路径报错的问题。这是因为默认的配置可能并不适应所有环境，尤其是当您的应用不是部署在服务器根目录时。这个问题通常与 `publicPath` 或 `...

vue打包静态资源后显示空白及static文件路径报错的解决

10-14

在使用Vue.js框架进行前端开发的过程中，经常需要打包应用以便将其部署到生产环境中。...通过上述的方法，可以较好地解决Vue打包静态资源后页面显示空白和static文件路径报错的问题，提高项目的稳定性和用户体验。

解决vue 引入子组件报错的问题

10-18

总结来说，解决Vue引入子组件报错的问题关键在于遵循Vue的组件命名规则，避免使用HTML保留标签作为组件ID。合理地命名和注册组件，不仅可以避免潜在的冲突，还能提高代码的可读性和可维护性。在实际开发中，理解并...

vue :src 文件路径错误问题的解决方法

08-27

vue :src 文件路径错误问题的解决方法在 Vue 项目中，经常会遇到 :src 文件路径错误问题，这个问题可能会导致图片或者文件加载失败，影响项目的正常运行。今天，我们将详细介绍 vue :src 文件路径错误问题的解决...

vue-video-player修改src就会报错_4、修改入口点代码

weixin_39674414的博客

12-06

844

在riscv上电时，会进行CPU自检，然后跳转到bootloader处执行。bootloader设置好kernel的运行环境后，从硬盘加载kernel到内存，最后再跳转到kernel入口地址。我们采用的bootloader为OpenSBI，被加载到0x80000000地址，OpenSBI探测好外设并初始化内核的环境变量后，加载内核到0x80200000地址，最后再跳转到0x80200000地址。从...

[踩坑]解决用require.js引用video.js报错的问题

weixin_44945942的博客

03-02

1488

直接用require.js引用video.js，发现会报以下的错误 require(['videojs'],function(videojs){ var options = {}; videojs(id, options, function(){ //...... }) }) 话不多说，不整那些虚的，直接上解决方法： define('global/window', [], () =&...

vue视频播放切换视频地址后还播放之前的路径视频

weixin_45918954的博客

11-03

3362

在使用 elementUI 组件时 dialog 标签进行弹窗时进行视频播放即使切换了src视频播放路径还是会播放原路径视频那就就可以试试在 dialog标签内加一个 v-if 原理在于v-if 不同于 v-show 虽然都能实现是否展示内容但是v-if 成立后都会重新创建不成立时就会消除代码块。换句话说就是成立是创建video标签，不成立则销毁video标签，类似于初始化和销毁video的生命周期。而v-show 则只是控制其样式隐藏并没有对其销毁。我使用了v-if 是实现了我的

[Vue+NodeJS] 解决动态创建video播放不出本地视频的问题

H_O_W_E的专栏

12-22

2912

[Vue+NodeJS] 解决动态创建video播放不出本地视频的问题事由：如果写死了一个video设置了src值，可以正常播放，比如<video src="../assets/1.mp4"></video> 但是当用JS动态创建video元素，设置src值，却播放不出来。原因：路径问题导致的，解决：要用require()来解决，就是这个路径用require()括起来比如 var myVideo = document.getElementById(.

html 在线播放mp4,vue-video-player或者HTML5 video播放服务器视频MP4 报403 浏览器正常播放...

weixin_42518709的博客

05-31

972

播放视频本地视频正常播放请求服务器视频就报403 但是在浏览器正常打开求解决!在线等ref="videoPlayer":options="playerOptions":playsinline="true"@play="onPlayerPlay($event)"@pause="onPlayerPause($event)"@ended="onPlayerEnded($event)"@loa...

vue项目动态src ，video无法正常播放问题记录

qq_43399210的博客

05-07

6201

在vue2项目中，mp4视频地址由后端异步请求获取，使用静态的url时视频能够正常播放，异步请求获取视频地址，视频出现无法播放的问题。

vue中实现视频播放

m0_47944994的博客

07-31

1869

main.js中引入并且定义全局变量。

VUE 动态修改Video标签Src播放路径

weixin_30912051的博客

04-15

6441

首先HTML，注意这里修改 bind绑定src 属性是不能生效的我使用的是用JS 获取DOM节点，然后给DOM的Src属性赋值 <video id="playVideos" controls width="100%" height="240"> <source id="playVideosss" :s...

vue3中绝对路径报错

06-21

在Vue3中，当你试图使用绝对路径（通常用于引入静态资源如CSS、JavaScript文件或者图片）时，可能会遇到一些错误，特别是如果你的应用没有正确设置`publicPath`或运行环境不在预期的开发服务器或生产环境中。...