首页前端开发HTMLH5设置或返回音频/视频播放的当前位置(以秒计)的属性currentTime

H5设置或返回音频/视频播放的当前位置(以秒计)的属性currentTime

时间2024-01-23 03:42:15发布访客分类HTML浏览704
导读:收集整理的这篇文章主要介绍了H5设置或返回音频/视频播放的当前位置(以秒计)的属性currentTime,觉得挺不错的,现在分享给大家,也给大家做个参考。实例将时间位置设置为 5 秒:myVid=document.getElementByI...
收集整理的这篇文章主要介绍了H5设置或返回音频/视频播放的当前位置(以秒计)的属性currentTime,觉得挺不错的,现在分享给大家,也给大家做个参考。

实例

将时间位置设置为 5 秒:

myVid=document.getElementById("video1");
    myVid.currentTime=5;
    

定义和用法

currentTime 属性设置或返回音频/视频播放的当前位置(以秒计)。

当设置该属性时,播放会跳跃到指定的位置。

浏览器支持

所有主流浏览器都支持 currentTime 属性。

注释:internet Explorer 8 或更早的浏览器不支持该属性。

语法

设置 currentTime 属性:

audio|video.currentTime="seconds"

返回 currentTime 属性:

audio|video.currentTime

属性值

描述
seconds指示音频/视频播放的当前位置(以秒计)。

技术细节

返回值数字值,表示秒

实例

将时间位置设置为 5 秒:

!DOCTYPE htML>
     html>
     body>
     p>
    	button onclick="getCurTime()" type="button">
    获得当前时间的位置/button>
    	button onclick="setCurTime()" type="button">
    把时间位置设置为 5 秒/button>
    /p>
    video id="video1" controls="controls">
    	source src="/kf51/demo/mov_bbb.mp4" type="video/mp4">
    	source src="/kf51/demo/mov_bbb.ogg" type="video/ogg">
    	您的浏览器不支持 video 标签。/video>
    script>
    VAR myVid = document.getElementById("video1");
function getCurTime() {
     	alert(myVid.currentTime);
}
 function setCurTime() {
     	myVid.currentTime = 5;
}
     /script>
     /body>
     /html>
    

以上就是H5设置或返回音频/视频播放的当前位置(以秒计)的属性currentTime的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html5播放视频"

若转载请注明出处: H5设置或返回音频/视频播放的当前位置(以秒计)的属性currentTime
本文地址: https://pptw.com/jishu/583730.html
HTML5实现购物车本地存储功能 H5的进阶段内联标签

游客 回复需填写必要信息