收听视频结尾，在 JQuery 和 Revolution Slider 中显示视频

Question

我需要在我们的主页上为我的 Revolution 滑块视频创建一个重播按钮（请检查 link）。

http://staging.thinkcreative.wearecreativeweb.co.uk/

我试过使用滑块提供的内置 'actions' 和 API 但无济于事。

我需要 JQuery 中的事件侦听器来查明在初始 'Play Me' 视频之后播放的视频何时结束并加载将重播视频的按钮。

我可以使用内置滑块设置此重播按钮 'actions' 但我所需要的只是让查询识别该视频已完成并显示所需的按钮。

我已经在 codepen 中尝试过这段代码 http://codepen.io/jamesantbird/pen/EgGEwZ

<video id="home-video" width="600" height="400" controls>
  <source src="http://staging.thinkcreative.wearecreativeweb.co.uk/wp-content/uploads/2016/10/think-play-me.mp4" type="video/mp4">
</video>

<a href="#" id="replay" style="display:none;">CLICK</a>

var vid = document.getElementById("home-video");
vid.onended = function() {
    $('#replay').css('display', 'inline-block');
};

Revolution 滑块似乎不喜欢我把它放到 'Custom Javascript' 区域。

但这并不奏效。有人可以帮忙吗？我对网站的样式和前端开发很好，只是 JQuery 目前暗示了我。

谢谢！

Answer 1

如果有人感兴趣，我们通过变通方法解决了这个问题，而不是通过我发布的问题的答案。幻灯片中的视频基本上结束，然后开始下一张包含重播按钮的幻灯片。简单的。该功能非常出色，它使重播按钮的功能更多，而不是在屏幕底部仅进行一点重播。

希望这对任何人都有用！

收听视频结尾，在 JQuery 和 Revolution Slider 中显示视频

Listen out for end of video, display video in JQuery & Revolution Slider

jquery

wordpress

revolution-slider