javascript - 带有 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。

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