Question

我需要来自youtube视频的进度/缓冲区栏。

我目前的解决方案是：

我有一个自己的“酒吧”，宽度为400px。然后我选择videolenght并将400px除以录像带。

然后我有多少px为1秒。现在，我每秒都有一个setInterval，并且对于我自己的进度条，我会添加到宽度。

视频暂停/停止，我清除了间隔。如果播放的视频恢复，则间隔继续。但我的问题是，这是一个很好的表现方式吗？还有其他解决方案吗？

我使用此插件http://www.tikku.com/jquery-youtube-tubeplayer-plugin

Answer 1

如果您知道播放器的当前时间，视频的持续时间以及所需的进度条全宽，则可以使用简单的jQuery动画。

var currentTime, duration, fullBarWidth;

$("#progressbar").animate(
    {
        width: fullBarWidth
    },
    {
        duration: duration - currentTime,
        easing: "linear",
        queue: false
    }
);

当播放器暂停视频时，请拨打$("#progressbar").stop();暂停进度条动画。

您可能还想查看Google的新Youtube Javascript API。它可能更容易使用。 https://developers.google.com/youtube/js_api_reference

从youtube视频获取进度条

1 个答案: