internet-explorer - youtube 播放器上的 CSS3 旋转在 IE FF 上不起作用

Question

我想旋转一个 youtube 播放器，这里是我的代码 => http://jsbin.com/abihux/11/watch

我用过css3

-moz-transform:    rotate(15deg);
-o-transform:      rotate(15deg);
-webkit-transform: rotate(15deg);
transform:         rotate(15deg);

它适用于 chrome，但不适用于 ie9/ff18 (windows)。

在 FF 我有一个黑屏，在 IE 上，youtube 播放器没有旋转

我也尝试过使用 YouTube 嵌入式播放器（同样的问题），不幸的是我们不能强制使用 HTML5 播放器......

有人有解决方案吗？

谢谢

Answer 1

I believe the correct vendor-specific property for IE would be -ms-transform.

In Firefox 17.0.1 and 18.0 (Windows 7 Professional), the link worked and the video was rotated.