【问题标题】:YouTube JavaScript Player API seekTo() callYouTube JavaScript 播放器 API seekTo() 调用
【发布时间】:2013-10-04 21:39:32
【问题描述】:

我使用这个fiddle 是为了使用 YT Iframe 加载多个视频。但是我的一些视频我想从特定时间开始,我知道我应该使用 seekTo() 调用(可能在这段代码的某个地方)

var a = document.getElementsByTagName("a");            //1
for(var i=0; i<a.length; i++){                         //2
    if(!/#ytplayer/.test(a[i].href)) continue;         //3
    var link = a[i].innerHTML.match(/\/vi\/([^\/]+)/); //4
    if(link) (function(vidId){                         //5
        a[i].onclick = function(){                     //6
            player.loadVideoById(vidId);               //7
        }                                              //8
    })(link[1]);                                       //9
}

如果有人可以提供帮助,我将不胜感激!因为我不知道如何将它集成到这段代码中fiddle !!

谢谢

【问题讨论】:

    标签: javascript api youtube


    【解决方案1】:

    loadVideoById函数的签名是:

    // Argument Syntax
    player.loadVideoById(videoId:String, startSeconds:Number, suggestedQuality:String):Void
    // Object syntax
    player.loadVideoById({videoId:String, startSeconds:Number, endSeconds:Number, suggestedQuality:String}):Void
    

    这里说:

    可选的 startSeconds 参数接受浮点数/整数。如果是 指定,然后视频将从最近的关键帧开始 指定时间。

    【讨论】:

      【解决方案2】:

      我对小提琴代码here 做了一个小改动,以设置视频的开始时间:

      window.onload = function(){
          var a = document.getElementsByTagName("a");
          for(var i=0; i<a.length; i++){
              if(!/#ytplayer/.test(a[i].href)) continue;
              var link = a[i].innerHTML.match(/\/vi\/([^\/]+)/);
              var secs = a[i].href.match(/[^\?]*$/);
              if(link) (function(vidId,secs){
                  a[i].onclick = function(){
                      player.loadVideoById({'videoId': vidId, 'startSeconds': secs});
                  }
              })(link[1],secs);
          }
      }
      

      这将使您能够通过为视频提供“#ytplayer?10”的href 来让视频开始播放10 秒

      _佩斯

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2012-07-02
        • 2011-07-04
        • 2014-11-12
        • 1970-01-01
        • 2014-09-29
        • 2013-01-05
        • 2019-01-11
        相关资源
        最近更新 更多