我想在我的网站上显示旋转的嵌入式视频。我使用 iframe 来显示视频。在我测试过的所有浏览器中,通过 css 转换旋转效果很好:
iframe{
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
但是,对于 youtube-video 和 IE 浏览器(至少 IE9)的特定组合,一旦视频加载,它根本不会旋转(尽管它被缩放以适应旋转的帧)。
看看:http: //jsfiddle.net/uqYMX/
正如所见,Vimeo 等其他视频源不是问题,即使在 IE 中也是如此。因此,我猜测它与 youtube iframe 的内容有关。
任何帮助将不胜感激!
编辑:我也在 IE8 中使用过滤器转换对其进行了测试,结果与 IE9 中的结果相同。