2

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

4

0 回答 0