帶iframe視頻的迂迴滑塊javascript

Question

我從這個位置提取了一個迂迴滑塊http://www.joezimjs.com/demos/roundabout-demo/。我已經使用iframe視頻而不是圖像。如果我使用視頻關於滑塊不能正常工作，那如果我點擊視頻，它開始播放而不是滾動。我需要通過單擊視頻才能進行滾動的操作。

請參考小提琴http://jsfiddle.net/6rA32/1/

是否有可能？我怎樣才能做到這一點？

Answer 1

是的，我認爲這是可能的。

只需將iframe包裝到相對定位的div中，將「圖層」div放在它的旁邊，使其與iframe的寬度和高度相同;絕對定位。確保它具有比iframe更高的z-index。

您可以使用已添加到環島中的類來隱藏和顯示'圖層'div。所以當視頻不是焦點時，你點擊的只是'圖層'，而不是iframe。

應該工作，但未經測試，但。