从YouTube视频获取Progressbar

我需要YouTube视频中的Progress/Buffer栏。从YouTube视频获取Progressbar

我目前的解决办法是：

我有一个自己的“酒吧”，用400像素宽度。然后我选择videolenght并用视频记录仪分割400px。

然后我有多少像素为1秒。现在，我每秒都有一个setInterval，并且对于我自己的进度条的一般情况，我们添加了宽度。

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

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

来源

2014-01-06 pyxl

如果你知道玩家的当前时间，视频的持续时间和进度的期望全宽，你可以使用一个简单的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

来源

2014-01-06 06:23:33 Jonn

从YouTube视频获取Progressbar

回答

相关问题