我需要一个youtube视频的进度/缓冲栏。
我目前的解决办法是:
我有自己的“酒吧”,宽度为400 of。然后我选择视频,并将400 by除以视频时间。
那我就有1秒的px了。现在,我每秒钟都有一个setInterval,并且我自己的进度条的宽度被添加到一般的进度条中。
当视频暂停/停止时,我清除了间隔。如果播放的视频继续播放,则间隔将继续。但我的问题是,这是一个很好的表现方式吗?还有其他解决办法吗?
我使用这个插件http://www.tikku.com/jquery-youtube-tubeplayer-plugin
发布于 2014-01-06 06:23:33
如果您知道播放机的当前时间、视频的持续时间以及所需的进度条的全部宽度,则可以使用简单的jQuery动画。
var currentTime, duration, fullBarWidth;
$("#progressbar").animate(
    {
        width: fullBarWidth
    },
    {
        duration: duration - currentTime,
        easing: "linear",
        queue: false
    }
);当播放机暂停视频时,请调用$("#progressbar").stop();暂停进度条动画。
您可能还想看看Google新的Youtube Javascript API。它可能更容易使用。reference
https://stackoverflow.com/questions/20943802
复制相似问题