我需要在我們的主頁上爲我的革命滑塊視頻創建一個重放按鈕(請檢查鏈接)。收聽視頻結束,在JQuery和革命滑塊中顯示視頻
http://staging.thinkcreative.wearecreativeweb.co.uk/
我一直在使用內置的「動作」滑塊可提供與API,但無濟於事嘗試。
我需要JQuery中的事件偵聽器來了解在初始「播放」視頻後播放的視頻何時結束,並加載了將播放視頻的按鈕。
我可以使用內置滑塊「操作」來設置此重播按鈕,但我需要的僅僅是查詢識別出該視頻已完成並顯示需要的按鈕。
我在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」區域。
但它沒有workey。有人可以幫忙嗎?我很好的樣式和前端開發的網站,只是JQuery在此刻暗示我。
謝謝!