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

百变鹏仔 2个月前 (10-18) #H5教程

文章标签当前位置

实例

将时间位置设置为 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

HTML在线编辑器的调用方法和使用方法

AlloyTouch全屏滚动插件 30秒搞定顺滑H5页

HTML5 js实现拖拉上传文件功能

Canvas and Drawables 翻译第一集

Canvas and Drawables 翻译第三集