更换了视频URL地址视频没有更新

最新推荐文章于 2024-04-19 09:19:44 发布
最新推荐文章于 2024-04-19 09:19:44 发布
阅读量337 收藏
点赞数
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61848095/article/details/132939840
版权

最近在写video播放器，用到了video.js，我封装好之后使用的时候一切正常，但是我如果点击切换视频的时候，视频还是上个视频，但是URL已经变了，因此我加入了key属性,key组件绑定的URL地址，当URL地址变换的时候，dom也会变换

 <videoPlay :key="state.videoUrl" :src="state.videoUrl" />

每天都要喝奶茶
关注
AI 绘画 | Stable Diffusion 视频生成重绘
洛阳泰山的博客
12-25 3251
本篇文章教会你如何使用Stable Diffusion WEB UI,实现视频的人物，或是动物重绘，可以更换人物或者动物，也可以有真实变为二次元。原视频和Ai视频画面合并。
解决video动态切换src视频不改变问题
热门推荐
Z_0926的博客
09-24 1万+
解决video动态切换src视频不改变 1、问题： 在react项目中，有个需求是要动态的改变video中的视频，但是通过查看，video标签中的src已经更新但是视频还是原来的视频，并未更新。 2、百度产生原因： 当 video 中存在 source 标签的时候，浏览器渲染之后会自动去获取地址，即便地址改变，浏览器也不会再去获取地址。 3、有效的解决方案： 1、不使用source标签，直接在video中使用src，动态切换这里面的src <video src={'http://' + item.vi
vue/js动态更改video的source路径不起效
“明明很开心”的博客空间
04-01 4979
问题现象 在vue项目中（或各网页），当我们需要用到video控件播放视频，当需要点击其他视频图片想要在主视频区域中播放时，在项目直接更改主视频的source文件路径（直接src不存在这个问题），发现视频并没有按我们想象中那样变成另一个视频路径播放。例如，在vue项目中我们这样写： <video> <source v-for="(type) in video" :key="ty...
vue中video修改播放地址修改后video不刷新问题
ITCwg的博客
10-22 1590
可以通过vue中的key 实现。所以当key 值变更时，会自动的重新渲染。 <template> <video :src="videoSrc" :key='videoSrc'></video> </template> <script> export default{ data(){ return { videoSrc:"" }
vue 中 video标签数据（src）改变，页面不刷新
lovecoding1的博客
11-09 1880
vue 中 video标签数据（src）改变，页面不刷新
html5 video标签切换url不生效，还是播放初始url的视频
weixin_42650595的博客
03-07 3615
最近在做一个桌面应用程序（一个基于electron的音乐播放器），在写mv播放界面时用到了video标签，代码如下： <video width="520" height="400" controls style="cursor: pointer" autoplay > <source :src="mvUrl" type="video/mp4" /> </video> 项目是用vue.js来构建UI的，如上图所示，source标签的src属性使用了vue的动态绑
vue中video绑定的值发生了改变页面video标签并未刷新的解决方案
个人笔记
11-07 1311
vue中video绑定的值发生了改变页面video标签并未刷新的解决方案
阿里云基础播放器-播放视频url
12-06
在本案例中，我们将重点讨论如何使用阿里云播放器在Android上播放MP4视频URL。 首先，集成阿里云播放器到Android项目中是第一步。你需要在你的build.gradle文件中添加阿里云播放器的依赖库，例如： ```groovy ...
ffmpeg实战教程（十二）为视频添加/更换背景音乐
WangShuo的专栏
05-22 1万+
2017年，各种关于视频处理的功能层出不穷，现在基本上大多APP都有视频上传播放功能。 然而上传，播放可用的优秀框架有很多，我们在此就不说了。 本篇我们就做一个用ffmpeg给视频添加/更换背景音乐的功能UI界面有两个输入框，第一个填入要加背景音乐的视频文件，第一个要添加音乐的文件。 然后点击按钮。 可见在手机根目录生成了一个合成的视频文件。试播一下，发现已经有了背景音乐。 其实现原理主要是
视频搜索下载-针对各个视频网站的爬虫程序，分析URL，下载视频
04-27
例如，通过URL的模式识别视频列表页和详情页，或者通过URL参数获取视频ID。 6. **网页反爬机制与应对策略**：许多网站会设置反爬策略，如验证码、IP限制、User-Agent检测等。爬虫开发者需要了解这些机制，并采取...
winform 图片和视频混合播放方法1
03-19
首先，需要在设计视图中添加AxWMPLib.AxWindowsMediaPlayer控件，并设置其URL属性为视频文件路径。然后，通过编程控制视频的播放、暂停、停止等操作。 为了将图片轮播和视频播放融合在一起，可以设置一个条件判断。...
video:动态改变了source里src的视频路径，但是视频不显示问题
Ygaidi的博客
12-01 3467
标签的时候，浏览器渲染之后会自动去获取地址，但是，即便地址改变了，浏览器也不会再去获取视频了。在浏览器里面，我们看到source里的src视频链接已加载出来了，可视频未显示。2.把操作dom ‘ id="myVideo " ’ 放在video标签上。1.把src放在video标签上。
vue视频播放 切换视频地址后还播放之前的路径视频
weixin_45918954的博客
11-03 3338
在使用 elementUI 组件时 dialog 标签 进行弹窗时 进行视频播放 即使切换了src视频播放路径还是会播放原路径视频 那就就可以试试 在 dialog标签内 加一个 v-if 原理在于v-if 不同于 v-show 虽然都能实现是否展示内容 但是v-if 成立后都会重新创建 不成立时就会消除代码块。 换句话说就是成立是创建video标签，不成立则销毁video标签， 类似于初始化和销毁video的生命周期。 而v-show 则只是控制其样式隐藏 并没有对其销毁。 我使用了v-if 是实现了我的
video.js切换视频地址无法切换视频
qq_34179819的博客
08-02 743
在写大屏项目的时候碰到一个需求，就是将从后端获取到的监控视频地址，也就是m3u8类型的视频文件渲染到页面中，此时也就用到了video.js组件，video.js是通过配置项的形式将视频渲染上去，但是在不销毁组件的情况下，更新父组件传入的props.src,无法将切换后的视频渲染上去。后续只能通过在组件中动态绑定一个key的形式去判定组件为不同的组件，重新去渲染dom来达到视频重新渲染的效果。对于第一种失败的方法，我目前还没找到解决办法，如若有大佬看到此篇文章，帮助我答疑解惑一下！
vue-cli3+videojs+rtmp+动态更改视频路径
浩星
11-09 4866
前言： 又一次和直播流rmtp相遇了，真是欲生欲死啊，之前vue-cli2的时候用的ckplay.js来实现的效果，可是vue-cli3中，ckplay出了问题，一直是他内部方法报错，这里用video.js来实现， 实现效果：点1是湖南台的直播，点2是一个MP4的视频 实现步骤：最新版本在下面 版本一：2019-11-09 17:33:38...
Video标签播放视频(动态视频URL)
moranrun的博客
12-13 5125
我这里使用的为angular.js， 不过其他的前端框架应该也差不多，只是html和js的不同，这里使用后台返回的视频数据流读取，直接上代码: java代码: html代码: js代码: 还需要一个关闭视频弹窗后的重置事件，代码如下: ...
videoJs 在 JS 代码中动态修改 src 属性无法切换视频问题
新青年1号
10-29 1万+
videoJs 在 JS 代码中动态修改 src 属性，虽然 console.log 输出显示修改成功，但播放的视频并没有切换过来 建议使用 videoJS 的 api 中的 src 方法进行修改 <!doctype html> <html> <head> <meta charset="utf-8"> <title>vi...
VideoJS使用同一个组件播放不同视频时，播放的是上一次打开的视频，直接使用refs修改其src可以解决。
最新发布
GISering_CC的博客
04-19 612
由于使用v-html的方法有一个问题，好像是v-html中的class无法调用到我们自己写的类名及样式（也可能是我没找对方法），导致我们只能在v-html中写好样式，在v-html中设置style="width:100%;一开始遇到这个问题去搜索，会发现有一种解决方案是要使用v-html搭配video.js的api创建视频播放player，切换不同视频时需要调用video.js的dispose方法把这个播放器实例销毁，之后再重新生成，经尝试是可以解决问题的。先把video标签写好，修改src，这里不能。
video.js 动态切换视频流无效（FLV等类型）
qq_17627195的博客
08-29 1233
需要动态切换FLV视频流，但是换了地址后，视频无法播放，使用的代码如下。（一些其他类型也可以通过下面方法解决问题）切换地址的时候，将播放器的dom删除，然后添加新的dom，在重新初始化播放器就可以了。
使用Flash播放单文件在线视频
这个函数接收一个视频文件名作为参数，然后更新`<object>`标签内的`data`属性和`<param>`标签的`value`属性，从而实现视频的切换。同时，函数还包括了显示等待图片以及隐藏和显示播放器的逻辑。 随着HTML5的发展，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值