Slick Slider通过单击按钮播放视频

Question

我有滑块，每个滑块包含视频作为背景和播放/暂停按钮。尝试通过单击适当的按钮来播放视频，但我得到这种行为：我从第二张幻灯片中单击播放按钮，从第一张幻灯片播放视频。暂停按钮也是如此。请问如何修复此错误？

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

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

Answer 1

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

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

通过

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