0

我有来自 youtube 的视频，我想从这个视频中隐藏一些地方，这是我的代码

 <div style="width: 200px; height: 315px; overflow: hidden">
        <iframe width="560" height="315"    src="http://www.youtube.com/embed/AMoLwrarElA" frameborder="0" allowfullscreen></iframe>
</div>

这在所有浏览器中都很好，除了 safari，在 safari 中所有视频都是可见的，有人知道为什么吗？

4

3 回答 3

1

图像显示覆盖 iframe 的绝对定位 div

如图所示，执行此操作的方法是：

body
  div (position = absolute, top = iframe.top, right = iframe.right, width = 350px)
  iframe (position = absolute or relative, width = 750px)

这里绝对定位的 div 是红色条纹区域

您可以使用 jquery 获取左上右下的 iframe：

<body>
 <div class="cover"></div>
 <iframe/>
 <script>
   $(function(){
     var top = iframe.top
     var right = iframe.right
     $("cover")[0].top = top;
     $("cover")[0].right = right;
     //..
   });
 </script>
</body>

对不起，我时间少，无法解释更多，如果这不起作用我会再试一次

于 2012-08-07T13:14:40.103 回答
1

尝试在隐藏末尾添加分号：

overflow:hidden;

也尝试添加：

clear:both;

到你的 div 风格。

于 2012-08-06T21:31:15.237 回答
0

这段代码决定了这个问题

<div style="width: 200px; height: 315px; overflow: hidden;">
<object width="560" height="315" style="float:left; overflow: hidden;">
    <param name="movie"    value="http://www.youtube.com/v/AMoLwrarElA&hl=ru_RU&fs=1&rel=0&border=0"/>
    <param name="allowFullScreen" value="true"/>
    <param name="allowscriptaccess" value="always"/>
    <param name="wmode" value="opaque"/>
    <embed src="http://www.youtube.com/v/AMoLwrarElA&hl=ru_RU&fs=1&rel=0&border=0" wmode="opaque" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="315"/>
</object>
</div>
于 2012-08-07T22:00:57.647 回答