在 bxslider 中播放和暂停视频？

Question

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

Answer 1

请尝试this。

这里是bxslider的API document

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

在 bxslider 中播放和暂停视频？

play and pause the videos in the bxslider?

javascript

jquery

html5-video

bxslider