<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>播放控制栏</title>
<script src="playctrlbar.js" type="text/javascript"></script>
<script>
var cb=new Ctrlbar();
var totaltime=200;
var cutime=1;
var savetime=1;
function load()
{
document.body.appendChild(cb.createbar(null));
cb.setbarwh(600,30);
setInterval("testfun()",1000);//1000为1秒钟
}
function testfun()
{
cutime+=4;
if(cutime>=totaltime)
cutime=totaltime;
var t1=cutime/totaltime;
savetime+=6;
if(savetime>=totaltime)
savetime=totaltime;
var t2=savetime/totaltime;
cb.drawrun(t1,t2,false);
if(cutime==totaltime)
{
cutime=1;
savetime=1;
}
}
</script>
</head>
<body onLoad="load()" style="background:#fff; width:800px; height:300px; position:relative";>
<!--div style="background:yellow; width:200px; height:50px">
nihao
</div>-->
</body>
</html>
html5 canvas 绘制的视频播放控制条
5星 · 超过95%的资源 需积分: 50 94 浏览量
2016-02-15
15:35:40
上传
评论 1
收藏 5KB RAR 举报 
html5 canvas绘制的播放控制.rar （2个子文件） 
html5 canvas绘制的播放控制 
playctrlbar.js 15KB
playctrl.html 906B资源评论
Which_One_2016-09-14还不错吧。。。- azxun2016-05-31挺好的 值得鼓励。
