jquery 如何设置video标签的时间!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 如何设置video标签的时间!相关的知识,希望对你有一定的参考价值。

求大神~ 我在js里用了
video.on('timeupdate', function()
$('.sy').text(video[0].currentTime);
);
这个获取了视频播放的时间 但是出现的效果却是0.0000000 这样,如何改成00:00

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签创建一个模块,在div内,使用p标签创建三行文字,p标签作为div的子标签。

3、在test.html文件内,设置div的id属性为testdiv,主要用于下面通过该id获得div对象。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“取子标签个数”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行myfun()函数。

6、在js标签中,创建myfun()函数,在函数内,使用$符号通过id(testdiv)获得div对象,再使用children()方法获得div的子标签,通过length属性便可以获得子标签的个数。最后,使用alert()方法输出个数。

参考技术A $("#id").attr("属性","值") $("#ivideo").attr("currentTime","值")本回答被提问者和网友采纳 参考技术B <video id="video1" controls="controls">
<source src="/example/html5/mov_bbb.mp4" type="video/mp4">
<source src="/example/html5/mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>

<script>
myVid=document.getElementById("video1");
function getCurTime()

alert(myVid.currentTime);

function setCurTime()

myVid.currentTime=5;

</script>
参考技术C var media=$("#media");
media.currentTime=10;

参考技术D $("#id").attr("属性","值") $("#ivideo").attr("currentTime","值")

以上是关于jquery 如何设置video标签的时间!的主要内容,如果未能解决你的问题,请参考以下文章

使用 jQuery 选择 HTML5 视频对象

jQuery如何操作video标签里面的autoplay属性

如何从使用 jquery 动态创建的视频标签中获取视频持续时间?

htnl5的video标签

jQuery如何操作video标签里面的autoplay属性

h5 video标签的使用