首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >从youtube视频中获取Progressbar

从youtube视频中获取Progressbar
EN

Stack Overflow用户
提问于 2014-01-06 05:48:49
回答 1查看 796关注 0票数 0

我需要一个youtube视频的进度/缓冲栏。

我目前的解决办法是:

我有自己的“酒吧”,宽度为400 of。然后我选择视频,并将400 by除以视频时间。

那我就有1秒的px了。现在,我每秒钟都有一个setInterval,并且我自己的进度条的宽度被添加到一般的进度条中。

当视频暂停/停止时,我清除了间隔。如果播放的视频继续播放,则间隔将继续。但我的问题是,这是一个很好的表现方式吗?还有其他解决办法吗?

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-01-06 06:23:33

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

代码语言:javascript
运行
复制
var currentTime, duration, fullBarWidth;

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

当播放机暂停视频时,请调用$("#progressbar").stop();暂停进度条动画。

您可能还想看看Google新的Youtube Javascript API。它可能更容易使用。reference

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20943802

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档