css - IE で埋め込まれた Youtube ビデオを含む iframe を CSS 回転できない

Question

回転した埋め込みビデオを自分のサイトに表示したいと考えています。動画の表示には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と同じ結果になりました。