Javascript Swiper js，将currentTime重置为0幻灯片的视频

当滑块位于图像幻灯片中时，我尝试将currentTime=0设置为带视频的幻灯片

它可能与swiper js一起使用吗

实际的js：

var swiper = new Swiper('.swiper-container', {
  pagination: '.swiper-pagination',
  paginationClickable: true,
  nextButton: '.swiper-button-next',
  prevButton: '.swiper-button-prev',
  spaceBetween: 30,
  autoplayDisableOnInteraction: true,
    speed: 1000,
   autoplay: true,
});

与swiper API无关的首次重置和自动播放视频-使用简单JS：

堆栈溢出：

您应该使用Swiper API事件：

mySwiper.on('slideChange', function () {
  console.log('slide changed do something');
});

swiper API事件：

您应使用声音静音视频，否则在chrome上无法播放：

更新答案完整代码示例 从所有视频中删除自动播放。 jquery要求 init事件下的第一个视频播放 slideChange事件下的上一个视频和当前视频播放/停止 我在Jquery选择器中使用var获取上一个/当前视频-阅读更多信息她：stackoverflow: var swiper=新的swiper'.swiper容器'{ 循环：对， 分页：{ el:“.swiper分页”， 可点击：正确 }, 导航：{ nextEl:“.swiper按钮下一步”， prevEl:“.swiper按钮prev”， }, /*在INIT上自动播放第一个视频*/ 关于：{ init：函数{ console.log'swiper initialized'； var currentVideo=$[data swiper slide index=+this.realIndex+].findvideo； 当前视频。触发“播放”； }, }, }; /*获取所有视频*/ var sliderVideos=$.swiper幻灯片视频； /*SWIPER API-事件将在动画播放到下一张或上一张幻灯片后激发*/ swiper.on'slideChange'，函数{ 控制台。日志“幻灯片已更改”； /*停止所有没有这个循环的视频*/ sliderVideos.eachfunction索引{ 这个.currentTime=0； }; /*SWIPER获得当前和上一张幻灯片和视频*/ var prevVideo=$[data swiper slide index=+this.previousIndex+].findvideo； var currentVideo=$[data swiper slide index=+this.realIndex+].findvideo； 触发“停止”； 当前视频。触发“播放”； }; html，正文{ 位置：相对位置； 身高：100%； } 身体{ 背景：eee； 字体系列：Helvetica Neue、Helvetica、Arial、无衬线字体； 字体大小：14px； 颜色：000； 保证金：0； 填充：0； } .swiper容器{ 宽度：100%； 身高：100%； } .滑梯{ 文本对齐：居中； 字号：18px； 背景：fff； /*将幻灯片文本垂直居中*/ 显示器：flex； 证明内容：中心； 对齐项目：居中； } /*重置列表*/ 瑞士包装{ 列表样式类型：无； 填充：0px； 边际：0px； } 氢{ 弹性基准：100%； } 幻灯片1-更换幻灯片时重置视频并播放 您的浏览器不支持视频标记。 幻灯片2-更换幻灯片时重置视频并播放 您的浏览器不支持视频标记。 幻灯片3-更换幻灯片时重置视频并播放 您的浏览器不支持视频标记。

---

这太酷了。但是可以在当前时间为0的情况下打开实际幻灯片和关闭其他幻灯片，只打开幻灯片更改？如果我刷新页面视频开始，为什么？是的！我就是这么做的，但是如果你滑得太快，有时会发生一些事情，同时启动多个视频。很明显，如果我把所有的声音都静音就可以了。。。但是你知道。。。我会使它完美，我会张贴代码后。也许有人可以帮我。我更新了答案，所以再次检查，我没有看到任何问题。谢谢你的时间。但不管怎样，如果我不静音，它们会复制所有的声音。