Question

我需要在我们的主页上为我的革命滑块视频创建一个重播按钮（请查看链接）。

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

我尝试过使用内置的＆＃39;操作＆＃39;滑块提供和API但无济于事。

我需要在JQuery中使用一个事件监听器来查找最初播放的视频＆＃39; Play Me＆＃39;视频已经结束，并加载了一个重播视频的按钮。

我可以使用内置的滑块＆＃39;动作＆＃39;设置此重播按钮。但我所需要的只是让查询识别出该视频已经完成并显示所需的按钮。

我在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');
};

革命滑块似乎不喜欢我把它放入其自定义Javascript＆＃39;区域。

但没关系。有人可以帮忙吗？我对网站的样式和前端开发很好，只是JQuery现在提到了我。

谢谢！

Answer 1

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

希望这对任何人都有用！

聆听视频结束，在JQuery＆amp; amp;中显示视频革命滑块

1 个答案: