带有iframe视频javascript的环行交叉口滑块

带有iframe视频javascript的环行交叉口滑块,javascript,jquery,iframe,Javascript,Jquery,Iframe,我已从此位置提取了一个环行交叉口滑块http://www.joezimjs.com/demos/roundabout-demo/。我使用了iframe视频而不是图像。如果我使用的是视频,圆形滑块不能正常工作,也就是说,如果我单击它开始播放的视频,而不是滚动。我需要两个动作,是滚动播放点击视频 请参阅小提琴http://jsfiddle.net/6rA32/1/ 有可能吗?我该怎么做呢?是的,我认为这是可能的 只需将iframe包裹在相对定位的div中,在其旁边放置一个“layer”div,使其与

我已从此位置提取了一个环行交叉口滑块
http://www.joezimjs.com/demos/roundabout-demo/
。我使用了iframe视频而不是图像。如果我使用的是视频,圆形滑块不能正常工作,也就是说,如果我单击它开始播放的视频,而不是滚动。我需要两个动作,是滚动播放点击视频

请参阅小提琴
http://jsfiddle.net/6rA32/1/


有可能吗?我该怎么做呢?

是的,我认为这是可能的

只需将iframe包裹在相对定位的div中,在其旁边放置一个“layer”div,使其与iframe的宽度和高度相同;绝对定位。确保其z索引高于iframe

您可以使用环行交叉口已经添加的类来隐藏和显示“layer”div。因此,当视频未处于焦点时,您只需单击“layer”,而不是iframe

应该可以,但未经测试