2016-10-21 53 views
1

我需要在我們的主頁上爲我的革命滑塊視頻創建一個重放按鈕(請檢查鏈接)。收聽視頻結束,在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在此刻暗示我。

謝謝!

回答

0

如果有人有興趣,我們解決了這個問題,而不是解決了我發佈的問題的答案。幻燈片中的視頻基本結束,然後啓動包含重放按鈕的下一張幻燈片。 Simples。該功能非常出色,它使得重放按鈕的更多功能與只在屏幕底部重新播放相同。

希望這對任何人都有用!