如何编写进度条代码

时间:2010-09-06 12:54:54

标签: javascript

我正在使用youtube api构建一个带有自定义控件的youtube播放器:

http://code.google.com/apis/youtube/youtube_player_demo.html?playerType=chromeless&playerVersion=as3

我已经完成了播放/暂停/跳过按钮,但我必须创建一个进度条,我无法想到如何做到这一点。我以前从未编写过进度条。我可以使用setinterval来访问总视频时间并轮询当前播放时间......所以我每隔250毫秒可以轮询一下,找出视频的当前位置。

我的问题是如何利用这些数据创建进度条?我正在考虑一个div,我可以在宽度上操纵以显示视频进度。我的问题是如何利用数据(总视频持续时间和当前时间)来决定增加此div宽度的时间和数量。

希望这是有道理的。

1 个答案:

答案 0 :(得分:2)

计算进度条大小的公式非常基本:$download_size / $download_progress * $max_progressbar_width。您只需要确保两个下载大小都使用相同的单位来获得正确的比例。