javascript - 播放和暂停 bxslider 中的视频？

Question

我正在开发 bxslider jquery 插件。我也包括视频。如果当前 slider 是视频，意味着当我单击下一个按钮时，当前视频将暂停，当我再次出现该视频 slider 时，该视频将在视频暂停的地方自动播放。我需要像这样处理所有视频。我对视频使用视频标签。

Answer 1

请尝试this .

这是API document bxslider 的。

onSlideBefore 

Executes immediately before each slide transition.

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

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

onSlideAfter

Executes immediately after each slide transition. Function argument is the current slide element (when transition completes).

因此我们播放当前事件幻灯片中的视频。

// 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();