audio对象或video对象在设置currentTime时不生效，会自动跳转到0

最新推荐文章于 2024-01-08 16:27:28 发布
最新推荐文章于 2024-01-08 16:27:28 发布
阅读量366 收藏
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq953454299/article/details/133762795
版权

试了网上很多办法，什么设置preload=“auto”，用什么seeked，都不管用

后来发现，不需要，什么额外的操作都不用做，只要别在hbuilder里打开就行

从文件管理器里打开，啥事儿没有，非常完美

大锤同学
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
html5 video audio currentTime 设定失效、重头开始播放
水机.Threeki
04-15 5717
记一巨坑 今天我在vue中写一个音频播放器的时候，想做点击前进/后退 15s 的功能， 后面发现不管我怎么查，怎么找，都只搜索到 audio.currentTime += 15 这种方法。 但是我就纳闷了，为啥我的就是不行？ 而搜索的所有文章，不管中文 英文，都是说 audio.currentTime += 15 这种方法 就可以了。 直到后面，我看到了这篇文章 html5 video curre...
谷歌浏览器中设置控件video的currentTime无效
qq_42858057的博客
04-21 1241
在网页中实现视频课程功能，重点是要能够保存用户的观看进度。比如，用户观看一个视频，这个视频看到2秒，这时用户离开此页面，下次打开这个视频，这个视频就要从2秒开始播放。
关于Chrome下的video文件currentTime无效问题
Root的博客
11-18 3214
前段时间查到的bug：记录关于Chrome下video文件设置的currentTime没有效果，这里有详细的解释和解决方案 https://stackoverflow.com/questions/53053444/cant-seek-through-video-from-rails-active-storage-with-rails-webpacker-react-fr/53242215#5324...
【问题记录】audio标签变更currentTime属性值无效，currentTime变为0
taojin12的博客
08-16 1994
项目中使用console 输出的该值，如果在此处只是调用的话并不会生效。项目中对这俩值又没有太多需求，暂时只能这样做了，有好的解决方法的，欢迎大佬指出。在使用audio播放音频中，需要拖动进度条，来使音频可以快进，单纯的使用currentTimes改变属性值，是不会生效的。audio.currentTimes = 100 //这样改变不会生效。该属性可以寻址到音频的中的任何位置，即使该音频没有完成缓冲。可以使用audio中的seekable 属性，来设置。音频中可寻址（移动播放位置）的时间范围。....
关于audio标签设置currentTime属性无效，currentTime变为0
chenjixue的博客
10-17 4605
1.进度条的控制 主要分为监听鼠标的mousedown和mousemove事件 点击跳转进度条 主要是mousedown.e.currentTarget.getBoundingClientRect（应为事件绑定在父元素上，事件的触发为子元素冒泡触发，不能用target）获取进度条离页面左边的距离，e.clientX获取实际点击的坐标，两者相减得到真实的点击在进度条里面的坐标， 拖拽的的原理同上，只是说拖拽是个不断触发的过程而已 2.音频文件的显示数字的设置 主要是监听audio标签的loadedd
vue中的video组件的currentTime不生效，设置完之后跳转0
最新发布
zhaoyapeng_的博客
01-08 972
首先检查video组件的src是本地的资源（…/或者/开头的）还是远程的资源（http或者https开头的），chrome中video组件的file协议有问题，所有你要把你的src写成远程的资源
C++中对象的常引用、动态建立和释放相关知识讲解
01-20
在C++编程语言中，对象的常引用是一种特殊类型的引用，它绑定到一个常量对象，不允许通过引用修改对象的值。常引用的声明通常使用`const`关键字，例如`const Type &ref = obj;`。这里的`ref`就是一个常引用，它与`...
移动端audio标签音频自动播放
06-01
如果需要跳转到音频的特定位置播放，可以设置`currentTime`属性： ```javascript var audio = document.getElementById('myAudio'); audio.currentTime = 30; // 跳转到30秒 audio.play(); ``` **兼容性处理** 在...
JavaScript Date对象详解
11-23
在本文中，我们将深入探讨Date对象的各个方面。 一、介绍 Date对象是JavaScript中用来处理日期和时间的基本工具，它并不具有直接的属性来存储日期和时间，所有的操作都是通过其提供的方法来完成的。这意味着你可以...
video.js 实现视频只能后退不能快进的思路详解
10-18
在本文中，我们将深入探讨如何使用video.js库来实现一个特殊功能：仅允许视频后退，不允许快进。video.js是一个流行的HTML5视频播放器框架，它提供了丰富的自定义选项和扩展能力，使得开发者能够更好地控制视频播放...
移动端 iOS 设置 video 的 currentTime 无效解决方法
MrQiu的博客
01-18 4863
需要记录视频的播放进度，重新进入时回到退出前的位置，并继续播放 但是ios直接赋值currentTime无效，原因就是判断资源可播放时（canplay）再设置才可以，，所以要根据不同系统判断一下，上代码 // 判断是否安卓设备 isAndroid() { const u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { return true; } re.
vue 关于视频播放器vue-video-player，PC端正常，苹果手机初始化没有办法设置进度，currentTime 设置不生效解决
qq_31334321的博客
04-15 2106
1.最近项目用了vue-video-player插件 去做视频音频的设置播放，要做一个断点继播的功能，发现苹果手机没有办法实现currentTime 初始化设置进度，后面百度很久解决如下 记录下 重点是 @timeupdate="onPlayerTimeupdate($event)" （如果要做苹果端兼容就加这个放） 这个是初始化的时候设置音视频进度的方法 @loadeddata="onPlayerLoadeddata($event)" 怎么用这个插件大家看看http://t.csdn.cn/Xf
关于在谷歌浏览器，vue-video-player 实现断点续播，currentTime不生效问题
极北三少
08-06 1950
关于在谷歌浏览器，vue-video-player 实现断点续播，currentTime不生效问题
Chrome currentTime修改时间失效的解决办法
肖明伟 的博客
08-31 7759
需求是写一个audio插件，当用到currentTime修改时间，开始是没问题的，后来修改了一次文件路径，属性就失效了。video | audio都是一样的。 最后查到的原因是：测试音写的是本地地址，把音频/视频放到服务器，使用http://的播放地址就不再出现这个问题了。 希望有用，欢迎评论。
audio.currentTime 和video.currentTime 失效的问题
花神的博客
07-19 1万+
最近在做移动端的项目时遇到，audio和video中的媒体文件的currentTime失效进而无法快进。 复现方法： 使用chrome在本地局域网如： http://192.168.1.104:8020/index.html打开 或者 在公司的服务器上打开页面时会出现这种情况但直接双击index.html打开和localhost下面打开是可以快进的，使用火狐和IE任何时候都是表现正常的这种情况很有
vue-video-player 实现断点续播，currentTime不生效问题。
qq_41117240的博客
03-28 3472
vue-video-player 实现断点续播，video设置currentTime不生效问题，谷歌浏览器不生效。
移动端video标签currentTime属性设置无效的解决方案
weixin_41614732的博客
04-17 7038
开发的时候遇到一个需求，需要视频在指定某一秒开始播放。 比如需要从第5秒开始播放视频，然后设置 var video = document.getElementsByTagName('video')[0]; video.currentTime = 5; video.play(); 然后发现pc端正常播放，移动端在浏览器则是重头开始播放，网上找了一些资料，使用了canplay 和loadedmeta...
html5 audio音频，video视频currenttime设置失效
追梦猪的博客
10-10 2896
今天在做一个音乐播放的插件，遇见了一个currentTime属性无法赋值的问题，我们在（红箭头指向）此进行了赋值但是我们点击播放按钮的时候发现打印的_that.audios.currentTime值一直为0，而从上面的current也是有值的，这样我们想到的是可能是加载音频文件的问题...
关于video-js currentTime()无效的解决办法
热门推荐
LLittleF的博客
09-20 1万+
最近使用videojs的时候碰到一个需求，更换视频的src后需要让视频跳转到某个位置，按理说使用currentTime()就可以解决，但是在player.src()函数执行后再执行player.currentTime()就会无效。 这种情况是因为调用player.src()后视频还没有准备好，所以player.currentTime()无效，解决办法就是等视频准备好后再调用currentTime(...
audio设置currentTime为0 时生效，向后设置无效
06-07
如果你设置`audio`标签的`currentTime`属性为0时生效，而向后设置无效，可能是因为该音频文件没有被完全加载。在某些情况下，当音频文件没有被完全加载时，设置`currentTime`属性会无效。你可以在`audio`标签上添加`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值