2010-04-28 74 views

回答

1

哇 - 當您在幻燈片中點擊回到視頻時,視頻會恢復!這是相當整潔的...我懷疑其他任何人都已經做到了。您可以靠近Scrollable: http://flowplayer.org/tools/demos/tabs/slideshow.html

只需將視頻放入其中一個選項卡而不是圖像。

+0

鏈接是爛的... – MarioDS 2012-11-25 14:43:36

+0

鏈接在答案死 - 404 Not Found |道歉! |我們無法找到你要找的東西.. – Pang 2017-06-23 00:17:44

1

您可以輕鬆使用jQuery Cycle plugin

$('#container').cycle({ 
    /* cycle options here */ 
    before: function(currEl) { 
     // Stop the video, using any video plugin of your choice 
     // (e.g., JWPlayer, MeddiaElementJS, etc.) 
     $(currEl).myVideoPlugin('stop'); 
    }, 
}); 

而且你可以將一個事件,您的視頻播放器插件,推進循環到下一個幻燈片時,視頻播放完畢。

2

基本的jQuery滑塊(http://basic-slider.com/)非常靈活。您可以在每張幻燈片中嵌入任何類型的HTML(圖像,文本,嵌入視頻等)。

+0

太棒了。很輕的 – htmldrum 2012-12-06 07:57:47

+0

@ khedaywi你知道如何將箭頭(下一個和前一個)放到div的外面嗎? – 2014-01-18 20:23:28

+0

@FranciscoCorrales您可以使用CSS中的絕對位置將下一個和上一個箭頭放在任何地方。最簡單的方法就是直觀地調整CSS的這些元素,就是通過右鍵單擊元素並單擊「檢查元素」來使用Google Chrome的開發人員工具等Web開發人員工具。 關於http://basic-slider.com/上的滑塊示例,可以通過將'ul.bjqs-controls.v-centered li.bjqs-prev a'設置爲'left:-49px ;' – khedaywi 2014-02-18 13:00:47