我们有一个用例,其中有 4 个横幅,每个横幅包含使用 HTML5 video player
播放的视频.
我们使用 bx-slider 来制作幻灯片,但我们希望具有在播放视频后自动更改幻灯片的功能。我在谷歌上搜索了很多,但没有找到直接的实现。我还尝试包括 fitvids.js
,但仍然没有成功。
有什么办法可以解决这个问题吗?
任何帮助将不胜感激。
附注:
- 每个视频的长度不同。
最佳答案
我认为这很简单。 您所需要做的就是将您的移动点击绑定(bind)到
视频结束事件。
您可以在此处找到视频结束事件信息...
Detect when an HTML5 video finishes
在您的处理函数中,只需移动 slider 并调用下一个视频的播放方法。
我可以用代码为你完成整个事情...但我认为你应该先自己尝试一下。
关于javascript - 视频结束后更换横幅,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32048898/