我想在我的网站上显示旋转的嵌入视频。我使用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相同。