javascript - 光滑 slider 通过单击按钮播放视频

Question

我有 slider ，每个 slider 都包含视频作为背景和播放/暂停按钮。尝试通过单击正确的按钮来播放视频，但出现以下行为:我单击第二张幻灯片中的播放按钮，视频从第一张幻灯片中播放。暂停按钮也是如此。请建议我该如何修复这个错误？

[].forEach.call(document.getElementsByClassName('play'), function(element, index) {
  element.onclick = function() {
    document.getElementsByTagName('video')[index].play();
  }
});

https://jsfiddle.net/7u78vwaq/3/

Answer 1

我检查了你的 fiddle 。您添加执行点击回调的方式存在错误。根据您拥有的代码，替换

document.getElementsByTagName('video')[index].play();

由

$(this).siblings().closest('video')[0].play();