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);
    }

}

章节链接嵌入式Vimeo视频

1 个答案: