Question

我在div.vidwrapper中包装了一个youtube视频。我不希望视频可见而只是控件。这适用于所有浏览器，但不适用于IE7。我不知道我要做什么来将视频定位在IE7中我的.vidwrapper div中。

HTML

<div class="vidwrapper">
   <object class="video" width="308" height="100">
   <embed src="http://www.youtube.com/watch?v=1QP-SIW6iKY" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="308" height="100" wmode="opaque"></embed>
   </object>
</div>

CSS

/*VIDEO*/
.vidwrapper {
    width:308px;
    height:25px;
    overflow:hidden;
    position:relative;
}
.video {
    bottom:0px;
    position:absolute;
}

以下是一个示例http://jsfiddle.net/3n3C7/在任何现代浏览器中查看此内容，然后在IE7中查看它。我只想在IE7中看到控件。

知道我怎么能做到这一点？

Answer 1

尝试使用_height：21px;这应该工作。因为我不在Windows上，所以这可能是我的猜测，但它大部分时间都有效。

这个怎么样？

 <iframe title="YouTube video player" width="480" height="25" src="http://www.youtube.com/embed/riW4W66ptqI" frameborder="0" allowfullscreen></iframe>

css：ie7的youtube定位问题！

1 个答案: