CSS转换和YouTube嵌入

Question

在YouTube嵌入上使用css-transforms会在至少Safari 5和Firefox 4中呈现黑色视频.Chrome 11可以很好地处理它.

我在这里做了一个例子:http://jsfiddle.net/oskarrough/4vRzd/4/

我需要css-transform才能做一些奇特的布局定位.有没有办法,css或js,黑客它显示视频？

Answer 1

我现在正在处理同样的问题.我没有做任何花哨的CSS转换,只是缩放.

虽然不能很好地工作,但我通过使用wmode = transparent选项显示了视频.

即

<iframe width='640' height='480' frameborder='0' src='http://www.youtube.com/embed/YOUTUBE_VIDEO_ID?wmode=transparent' type='text/html' class='youtube-player'></iframe>

Answer 2

您确定不能用这个来代替：

iframe {
    position: relative;
    top: 100px
}

http://jsfiddle.net/4vRzd/5/

或者，或者其他元素的margin-top: 100px负数？margin

有人必须发布此内容，因为您没有提到它们不是可行的选择。