3

FireFox にはバグがあり、親 (または祖先) 要素のフラッシュ要素が変換されてもレンダリングされません。翻訳を削除すると、すぐに表示されます。

次に例を示します。

<!DOCTYPE html>
<html>
    <head>
        <title>FireSucks</title>
        <style>
.translated {
    height: 315px;
    width: 560px;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
}
        </style>
    </head>
    <body>
        <div class="translated">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/bxAvgm0EXpI" frameborder="0" allowfullscreen></iframe>
        </div>
    </body>
</html>

Chrome で同じコードをテストしたところ、問題なくレンダリングされました。HTML5 ビデオを使用することが唯一のオプションのようですが、これが修正可能かどうか知りたいです。

ありがとう

アップデート：

ここにバグレポートがあります - https://bugzilla.mozilla.org/show_bug.cgi?id=819763#c0

4

2 に答える 2

0

バグレポートのメッセージの1つに記載されているように、Firefoxは変換されるウィンドウプラグインをサポートしていません。に設定wmodeするwmode=transparentかwmode=opaque、そこで提起された問題を修正する必要があります。

于 2013-02-14T16:28:45.323 に答える
0

これは実際には答えではありませんが、共有する価値があると思います:

同様の問題がありました。

しかし、私の場合、フラッシュプレーヤーはレンダリングされましたが、 と の組み合わせが原因で、position:absoluteフラッシュtransform: translate(0,0)プレーヤーでマウスの位置が正しくありませんでした。そのため、ホバーが表示されましたが、実際のヒット領域のクリックはtopとのleft値の負のオフセットでした。

再現するには、次のスニペットを使用します。

<style>
#video{
  position: absolute;
  top: 200px;
  left: 200px;
  transform: translate(0, 0);
}
</style>

<div id="video">
  <iframe src="http://player.vimeo.com/video/18043595" width="960" height="540" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>

フィドル:

変換あり

変換なし

于 2013-07-09T14:41:08.263 に答える