javascript - 视频结束后更换横幅

标签 javascript jquery html video bxslider

我们有一个用例,其中有 4 个横幅,每个横幅包含使用 HTML5 video player 播放的视频.

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

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

任何帮助将不胜感激。

附注:

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

最佳答案

我认为这很简单。 您所需要做的就是将您的移动点击绑定(bind)到

视频结束事件。

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

Detect when an HTML5 video finishes

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

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

关于javascript - 视频结束后更换横幅,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32048898/

相关文章:

javascript - Phoenix .js : WebSocket connection to ws://localhost:4000/socket failed

javascript - 在网站上全局加载脚本

php - ajax调用php文件

javascript - 在网络软件中启用辅助用户帐户

javascript - 重新加载页面后,在堆栈溢出(或其他网站)上查看最后结果

javascript - 如何分离规则数组并从该数组执行函数

javascript - Service Worker 注册失败

javascript - 如何将 .animate 更改为 .css 使其不与 CSS3 动画冲突?

javascript - jQuery animate() 改变文本

javascript - 在 Chrome 中播放音频和流媒体问题