Question

我有来自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中可以看到所有视频，有人知道为什么吗？

Answer 1

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

overflow:hidden;

还尝试添加：

clear:both;

以你的div风格。

Answer 2

Image shows absolute positioned div covering an iframe

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

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>

抱歉，我没有时间，无法解释更多，如果这不起作用，我会再试一次

Answer 3

此代码决定了这个问题

<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>

来自youtube的隐藏部分视频

3 个答案: