javascript - 嵌入式 Vimeo 视频中的章节链接

Question

尝试获取链接以映射到嵌入式 Vimeo 视频中的不同点，例如章节标记。

我正在使用他们的 API，它适用于我获得的第一个链接，但不适用于第二个。

JSFiddle Link 15 秒的链接工作正常，30 秒的链接无效。

我知道这可能与 setupChapterLinks() 函数中的这一行有关:

var links = container.querySelector('ul.chapterLinks'),

它只会返回它找到的第一个项目(15 秒)，而忽略其余项目。

知道我做错了什么吗？

Answer 1

您的问题是您没有遍历所查询的链接列表。结果是只有第一个链接附加了事件。下面是一个示例，说明如何对它们全部执行此操作(用 setupChapterLinks 方法替换当前方法):

function setupChapterLinks() {
    var links = container.querySelector('ul.chapterLinks'),
    seekLinks = links.querySelectorAll('.seek');
    for (var i = 0, length = seekLinks.length; i < length; i++) 
    {
        link = seekLinks[i];
        // Call seekTo when seek link clicked
        addEvent(link, 'click', function() {
            var seekVal = this.name;
            froogaloop.api('seekTo', seekVal);
        }, false);
    }

}