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

Css 无法在IE中旋转包含嵌入式Youtube视频的iframe,css,internet-explorer,iframe,youtube,rotation,Css,Internet Explorer,Iframe,Youtube,Rotation,我想在我的网站上显示旋转的嵌入式视频。Im使用iFrame显示视频。通过css转换进行旋转在我测试过的所有浏览器中都能很好地工作: iframe{ -moz-transform: rotate(15deg); -o-transform: rotate(15deg); -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: r

我想在我的网站上显示旋转的嵌入式视频。Im使用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),一旦加载视频,它就根本不会旋转(尽管它会缩放以适应旋转的帧)

看一看:

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

任何帮助都将不胜感激


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

注意IE8不支持
(-ms-)转换。
。你是对的。然而,这个问题仍有待IE9解决。我不应该在帖子中提到IE8,因为在本例中,我用过滤器转换替换了指定的css。