【问题标题】:Show live current elapsed time of a youtube video显示 youtube 视频的实时当前经过时间
【发布时间】:2012-12-19 12:24:30
【问题描述】:

我知道如何使用...获取 youtube 视频的当前播放时间

player.getCurrentTime()

但我需要一种方法将其显示为更新元素内的文本,以便在视频播放时显示 youtube 视频计数的当前时间。最好使用 jquery 的正确方法是什么?

【问题讨论】:

  • 你可以设置一个超时时间并重复调用getCurrentTime
  • 如果我在一个站点上大量执行此操作,是否会导致 youtube 出现问题?
  • IIUC 播放器在本地运行,所以服务器不会介意。
  • 你能在答案中说明如何做吗?

标签: javascript jquery youtube-api youtube-javascript-api


【解决方案1】:

如果播放器在秒数翻转时没有提供回调,您仍然可以轮询当前时间。选择正确的轮询频率是一种性能折衷,但您实际上并不需要提高频率:

setInterval(function(){
   display.innerText = player.getCurrentTime();
},100); //polling frequency in miliseconds

jQuery 并没有真正简化等待,但您可以将其用于 DOM 操作:

setInterval(function(){
   $display.text(player.getCurrentTime());
},100); //polling frequency in miliseconds

【讨论】:

    【解决方案2】:

    这是一个可以工作的代码游乐场示例,应该会有所帮助:

    https://code.google.com/apis/ajax/playground/#polling_the_player

    【讨论】:

    • 虽然理论上这可以回答这个问题,it would be preferable 在这里包含答案的基本部分,并提供链接以供参考。
    猜你喜欢
    • 2011-10-21
    • 1970-01-01
    • 1970-01-01
    • 2011-12-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多