3

FireFox 中存在一个错误，在该错误中，任何被翻译的父（或祖先）元素的 Flash 元素都不会被渲染。如果翻译被删除，它会立即出现。

这是一个例子：

<!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

这不是一个真正的答案，但我想值得分享：

我有一个类似的问题；

但在我的情况下，flash 播放器被渲染，但由于flash 播放器中的鼠标位置不正确的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 回答
0

就像错误报告中提到的一条消息一样，Firefox 不支持转换窗口插件。设置wmode为wmode=transparent或wmode=opaque应该按照那里的建议解决问题。

于 2013-02-14T16:28:45.323 回答