播放和暂停bxslider中的视频？

Question

我正在研究bxslider jquery插件。我也包括视频。如果当前滑块是视频意味着我将点击下一个按钮，当前视频将暂停，当我再次来到视频滑块时视频将自动播放视频暂停。我需要处理所有这样的视频。我将视频标签用于视频。

Answer 1

请尝试this。

这是bxslider的API document。

onSlideBefore 

     

在每次幻灯片转换之前立即执行。

因此，当触发此事件时，我们暂停所有视频。

$bxslider.find('video').each(function() {
  this.pause();
});

onSlideAfter

     

每次幻灯片转换后立即执行。函数参数是当前的幻灯片元素（转换完成时）。

所以我们播放当前活动幻灯片中的视频。

// arguments:
// $slideElement: jQuery element of the destination element

// get the video element, assume only one video in each slide
var video = $slideElement.find('video')[0];
// if this slide contains video and video has been played then continue the video
video !== undefined && video.currentTime !== 0 && video.play();