如何处理vimeo iframe和定位固定元素?

时间:2013-04-20 12:50:36

标签: iframe video position fixed

我的网站:dwapotwory.com使用嵌入vimeo视频。在Safari(Mac)和有时在Chrome(包括Win / Mac)上加载iframe时,每个具有位置的元素:固定(标题和左/右按钮div)都会崩溃。

在Safari中没有iframe,一切都很好:http://dwapotwory.com/1.html

在Safari中使用iframe ...:http://dwapotwory.com/2.html

我将iframe包装在div中并设置为在缩放浏览器窗口时进行缩放,但它不会导致问题(我尝试了一些响应式嵌入式vimeo解决方案,但没有任何区别)。

1 个答案:

答案 0 :(得分:0)

所以我遇到了这个问题,因为我在视频方面存在类似问题(只有video标签,而不是实际的iframes等)和固定定位的容器。

Safari问题似乎是随机的,在我的情况下,我通过将-webkit-transforms添加到固定容器来修复它,但是在你的问题中,它显然可以简单地通过将z-index设置为绝对容器来解决。框架,我尝试直接在检查器中操作您的DOM,它似乎工作。