progress怎么动态传值
答案:1 悬赏:0 手机版
解决时间 2021-03-18 01:14
- 提问者网友：几叶到寒
- 2021-03-17 02:55
制作html5video中显示进度条
最佳答案
- 五星知识达人网友：酒醒三更
- 2021-03-17 03:00
<!DOCTYPE html>
<html>
<body>
<script>
onload=function(){
vdo.addEventListener("timeupdate",function(){
pro.value=Math.ceil(this.currentTime*100/this.duration);
},false);
}
</script>
<video id="vdo" width="320" height="240" controls autoplay>
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
<object data="movie.mp4" width="320" height="240">
<embed width="320" height="240" src="movie.swf">
</object>
</video>
<br / >
进度：
<progress id="pro" value="12" max="100">
</progress>
</body>
</html>
<html>
<body>
<script>
onload=function(){
vdo.addEventListener("timeupdate",function(){
pro.value=Math.ceil(this.currentTime*100/this.duration);
},false);
}
</script>
<video id="vdo" width="320" height="240" controls autoplay>
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
<object data="movie.mp4" width="320" height="240">
<embed width="320" height="240" src="movie.swf">
</object>
</video>
<br / >
进度：
<progress id="pro" value="12" max="100">
</progress>
</body>
</html>
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯