无法在IE中旋转包含嵌入式Youtube视频的iframe

时间:2013-02-06 09:00:33

标签: css internet-explorer iframe youtube rotation

我想在我的网站上显示旋转的嵌入视频。我使用iframe来显示视频。通过css转换旋转在我测试的所有浏览器中都能很好地运行:

iframe{
    -moz-transform:    rotate(15deg);
    -o-transform:      rotate(15deg);
    -webkit-transform: rotate(15deg);
    -ms-transform:     rotate(15deg);
    transform:         rotate(15deg);
}

但是,对于YouTube视频和IE浏览器(至少是IE9)的特定组合,一旦视频加载,它根本不会旋转(尽管它被缩放以适合旋转的帧)。

看看: http://jsfiddle.net/uqYMX/

正如所见,像Vimeo这样的其他视频源也不是问题,即使在IE中也是如此。因此,我猜测它与youtube iframe的内容有关。

任何帮助将不胜感激!

编辑:我在IE8中测试了它,使用过滤器变换,结果与IE9相同。

0 个答案:

没有答案