Javascript 在bxslider中播放并暂停视频?
我正在开发bxslider jquery插件。我也包括视频。如果当前滑块为“视频”,则表示我将单击“下一步”按钮时,当前视频将暂停,当我再次访问该视频滑块时,该视频将在视频暂停的位置自动播放。我需要像这样处理所有视频。我使用视频标签播放视频。请尝试 下面是bxslider的示例 在每次幻灯片转换之前立即执行 因此,我们在触发此事件时暂停所有视频Javascript 在bxslider中播放并暂停视频?,javascript,jquery,html5-video,bxslider,Javascript,Jquery,Html5 Video,Bxslider,我正在开发bxslider jquery插件。我也包括视频。如果当前滑块为“视频”,则表示我将单击“下一步”按钮时,当前视频将暂停,当我再次访问该视频滑块时,该视频将在视频暂停的位置自动播放。我需要像这样处理所有视频。我使用视频标签播放视频。请尝试 下面是bxslider的示例 在每次幻灯片转换之前立即执行 因此,我们在触发此事件时暂停所有视频 $bxslider.find('video').each(function() { this.pause(); }); 在每次幻灯片转换后立即执行
$bxslider.find('video').each(function() {
this.pause();
});
在每次幻灯片转换后立即执行。函数参数是当前幻灯片元素(转换完成时)
所以我们播放当前活动幻灯片中的视频
// 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();
你能告诉我“touchEnabled”、“SwipThreshold”、“oneToOneTouch”、“preventDefaultSwipeX”、“preventDefaultSwipeY”是如何工作的吗。我的代码是@kalles,你需要在触摸设备或模拟器上测试这些选项。报告解释了这些选择。
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();