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

Question

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

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

有可能吗？我怎么能这样做？

Answer 1

是的，我认为这是可能的。

将iframe包装在相对定位的div中，在其旁边放置一个“layer”div，使其与iframe具有相同的宽度和高度;绝对定位。确保它具有比iframe更高的z-index。

您可以使用已由环形交叉口添加的类来隐藏和显示“图层”div。因此，当视频未对焦时，您点击的只是“图层”，而不是iframe。

应该可以工作但是未经测试。