Css 无法在IE中旋转包含嵌入式Youtube视频的iframe
我想在我的网站上显示旋转的嵌入式视频。Im使用iFrame显示视频。通过css转换进行旋转在我测试过的所有浏览器中都能很好地工作: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
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。