video，audio currentTime 失效无作用注意点 currentTime修改时间失败解决方法

最新推荐文章于 2024-05-04 16:23:47 发布
最新推荐文章于 2024-05-04 16:23:47 发布
阅读量3.8k 收藏
点赞数
分类专栏： HTML5 JQuery 文章标签： video
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39517183/article/details/102507839
版权

video，audio currentTime 失效无作用 注意点

自己试着写video的控制台，在写拖动进度效果踩坑；
有引用Jquery，所以获取元素定义元素时都用的$("element")&&$element
currentTime方法 是添加在video||audio单个元素上的.。

而JQ中$("element")&&$element获取的是数组对象，
嗝儿 基础知识 不能大意啊
js代码

video.currentTime=200;
console.log($video)
console.log
最低0.47元/天 解锁文章
昵称2-20个字符
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-video-player 实现断点续播，currentTime不生效问题。
qq_41117240的博客
03-28 3459
vue-video-player 实现断点续播，video设置currentTime不生效问题，谷歌浏览器不生效。
有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题
09-28
Video对象是HTML5中新增的一个对象，支持多种不同格式的视频在线播放，功能比较强大，Video对象可以通过ontimeupdate事件来报告当前的播放进度，下面为大家介绍下Video对象ontimeupdate事件的问题，感兴趣的朋友可以参考下哈
audio.currentTime 和video.currentTime 失效的问题
花神的博客
07-19 1万+
最近在做移动端的项目时遇到，audio和video中的媒体文件的currentTime失效进而无法快进。 复现方法： 使用chrome在本地局域网如： http://192.168.1.104:8020/index.html打开 或者 在公司的服务器上打开页面时会出现这种情况但直接双击index.html打开和localhost下面打开是可以快进的，使用火狐和IE任何时候都是表现正常的这种情况很有
【问题记录】audio标签变更currentTime属性值无效，currentTime变为0
taojin12的博客
08-16 1973
项目中使用console 输出的该值，如果在此处只是调用的话并不会生效。项目中对这俩值又没有太多需求，暂时只能这样做了，有好的解决方法的，欢迎大佬指出。在使用audio播放音频中，需要拖动进度条，来使音频可以快进，单纯的使用currentTimes改变属性值，是不会生效的。audio.currentTimes = 100 //这样改变不会生效。该属性可以寻址到音频的中的任何位置，即使该音频没有完成缓冲。可以使用audio中的seekable 属性，来设置。音频中可寻址（移动播放位置）的时间范围。....
audio组件的currttime值设置失败
最新发布
2301_78459015的博客
05-04 272
在组件的内部加上这条，大概意思就是说在浏览器运行这个页面之前，会先预加载着几个组件，这样浏览器就知晓了这几个组件的存在，也就解决了currenttime属性不存在的问题（纯属个人理解，如有不恰当的地方，求指正）。就是在当我连续敲击的时候，组件并不是连续的播放，原因可能是因为，在我敲击播放第一次之后的再次敲击时，此时的audio组件正处在播放状态中，所以没有达到连续播放的效果。在调用currenttime之前先执行了这样一行代码，最终问题被稀里糊涂的解决了，成功的实现了连续的击鼓。
移动端video标签currentTime属性设置无效的解决方案
weixin_41614732的博客
04-17 7018
开发的时候遇到一个需求，需要视频在指定某一秒开始播放。 比如需要从第5秒开始播放视频，然后设置 var video = document.getElementsByTagName('video')[0]; video.currentTime = 5; video.play(); 然后发现pc端正常播放，移动端在浏览器则是重头开始播放，网上找了一些资料，使用了canplay 和loadedmeta...
移动端 iOS 设置 video 的 currentTime 无效解决方法
MrQiu的博客
01-18 4859
需要记录视频的播放进度，重新进入时回到退出前的位置，并继续播放 但是ios直接赋值currentTime无效，原因就是判断资源可播放时（canplay）再设置才可以，，所以要根据不同系统判断一下，上代码 // 判断是否安卓设备 isAndroid() { const u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { return true; } re.
谷歌浏览器中设置控件video的currentTime无效
qq_42858057的博客
04-21 1226
在网页中实现视频课程功能，重点是要能够保存用户的观看进度。比如，用户观看一个视频，这个视频看到2秒，这时用户离开此页面，下次打开这个视频，这个视频就要从2秒开始播放。
移动端 iOS 设置 audio 的 currentTime 无效解决方法
weixin_60266866的博客
08-04 702
/ 判断是否安卓设备。
关于Chrome下的video文件currentTime无效问题
Root的博客
11-18 3212
前段时间查到的bug：记录关于Chrome下video文件设置的currentTime没有效果，这里有详细的解释和解决方案 https://stackoverflow.com/questions/53053444/cant-seek-through-video-from-rails-active-storage-with-rails-webpacker-react-fr/53242215#5324...
ie11 html5 audio不起作用,HTML5 audio ,在chrome中设置currentTime无效
weixin_27743991的博客
06-18 300
繁华开满天机刚正好遇到这个问题，错误发生在idea自带server在播放本地音频，soundmanagersetPosition时自动归零。经验证是和responseheader有关的。我通过对MP3资源set不同的responseheader来验证，结果如下(貌似segmentfault不支持markdown的表格，所以下面排版有点乱。)：ieContent-Type必须，当我设为audio/m...
[HTML] html5 audio video currentTime失效不起作用解决方法
Epic_bl的博客
12-31 1552
昨天在修改问题的时候发现[HTML] html5 audio video currentTime失效不起作用无法拖动进度条解决方法。一下是我解决问题博客。 1.[HTML] html5 audio video currentTime失效不起作用无法拖动进度条解决方法： https://www.51-n.com/t-4306-1-1.html 2.关于video-js currentTime()无效的解决办法 https://blog.csdn.net/LLittleF/article/details/827
html5中为audio标签增加停止按钮动作实现方法
12-13
this.currentTime = 0.0; } 其实很简单，就是先暂停，然后时间归0； 调用方法： 复制代码代码如下: var aud = new Audio(); aud.src = ‘特殊他.ogg’; aud.play(); aud.stop(); 上面代码可以在chrome,opera下跑...
OS_internalsoutces_read_write_currenttime_CodeName_源码
10-04
Write a Java program that will read from internal sources and write the following report:print your name (hard code not from properties)current time and datethe version of Java you are running (java....
HTML5 Video标签的属性、方法和事件汇总介绍
09-28
- `currentTime`: 获取或设置视频当前的播放时间，也可以用作改变播放位置。 - `startTime`: 视频开始播放的时间，通常为0。 - `duration`: 视频的总时长，如果是流媒体可能返回`Infinity`。 - `paused`: 如果视频...
video.js使用常用方法110行demo源程序资源
01-31
《video.js使用常用方法110行demo源程序资源详解》 video.js是一款强大的开源JavaScript和CSS库，专为构建响应式、自定义且功能丰富的HTML5视频播放器而设计。这款播放器提供了丰富的API和插件系统，使得开发者能够...
详解js实时获取并显示当前时间的方法
11-26
本文实例为大家分享了js实时获取并显示当前时间l的具体代码，供大家参考，具体内容如下 js部分如下： [removed] [removed] = function() { var show = document.getElementById("show"); setInterval(function() {...
vue中的video组件的currentTime不生效，设置完之后跳转0
zhaoyapeng_的博客
01-08 953
首先检查video组件的src是本地的资源（…/或者/开头的）还是远程的资源（http或者https开头的），chrome中video组件的file协议有问题，所有你要把你的src写成远程的资源
html5、微信 无法快进、video currentTime 设定失效、重头开始播放。
热门推荐
一个吃水不忘挖井人的博客。希望能帮助到你
02-22 1万+
本地资源无法快进 今天工作中根据需求要求将本地视频，快进到一定时间再播放。结果发现了一个坑 问题： 无法快进 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> ...
currentTime video
06-01
例如，可以使用video.addEventListener('timeupdate', function() { console.log(video.currentTime) })来在控制台输出当前播放时间。 需要注意的是，currentTime属性的单位是秒，而且仅适用于已经加载完成的视频。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值