Video 在Drupal 7中单击“下一步”按钮时停止播放当前视频

我正在使用Drupal7版本创建“幻灯片”，以显示视频的幻灯片，每个视频都嵌入到自己的内容项中

当用户开始播放视频时，如果视频仍在播放，请单击“下一步”，幻灯片将前进到下一张幻灯片，但上一张幻灯片的视频不会停止播放（所有浏览器）。然后，用户可以单击播放下一个视频，然后同时播放两个视频。如果用户进入下一张幻灯片，他们可能会开始播放第三个同步视频，依此类推。当用户单击“下一步”转到下一张幻灯片时，我想停止当前正在播放的任何视频

有人能提供一些简单的代码来防止不同幻灯片上的多个视频同时播放吗

这是我的视频HTML代码：

我尝试过使用下面的js，但不起作用

$（'.video_test'）。打开（'afterChange'，函数（事件、滑动、当前滑动、下一滑动）{
player.pause（）；
});

我的前端结果如下图所示：

---

谢谢您的帮助。

您希望在幻灯片更改（而不是视频）时，

afterChange

事件触发处理程序，因此需要选择slick元素。然后，在处理程序中，您可以暂停所有（或仅暂停与选择器匹配的）视频：

$（'#'）。on（'afterChange'，function（）{
$（'.video_test'）。每个（函数（）{
这个。暂停（）；
});
});

什么是#？我在哪里可以得到光滑的id？比如“.video\u test”是什么意思或者你从哪里得到的。。这是一个jquery选择器的示例，用于获取slide元素，除了它应该对应于元素（通过类、id或其他方式）之外，没有其他意义，而且您似乎正在使用slick，所以我给出了这个特定的示例。现在，您需要自己查找您的slick courousel的HTML id，没有人可以为您这样做，但是稍微学习一下jquery基础知识会有帮助吗？