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

Question

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

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

JSFiddle 链接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);
    }

}