视频结束后更改横幅[重复]

Question

我们有 4 个横幅的用例，每个横幅都包含使用 HTML5 video player 播放的视频。

我们正在使用 bx-slider 制作幻灯片，但我们希望具有在播放视频后自动更改幻灯片的功能。我在谷歌上搜索了很多，但没有找到直接的实现。我也尝试过包含fitvids.js，但仍然没有成功。

有什么办法可以解决这个问题吗？

任何帮助将不胜感激。

附注：

1. 每个视频的长度不同。

Answer 1

我认为它很简单。 你所需要的只是绑定你的移动点击

视频结束事件。

您可以在此处找到视频结束事件信息...

Detect when an HTML5 video finishes

在您的处理函数中，只需移动滑块并调用下一个视频的播放方法。

我可以为你用代码完成所有事情......但我认为你应该先自己尝试一下。