Flash 和 Firefox：无法单击“允许”在隐私面板上

Question

我使用 Flex Builder 4 创建了一个相当简单的 Flex 应用程序，它连接到用户 PC 上的网络摄像头。为此，Flash 向用户展示了臭名昭著的隐私警告。

现在的问题是用户无法单击面板，因为它似乎对任何用户交互都没有响应。

更多详细信息：

• Mac/OSX 上的 Firefox 3.6.12、Snow Leopard。
• Adobe Flash Plugin 10.1.85.3 / 10.1 r85
• Flex 应用程序在自己的窗口/选项卡中工作正常，但一旦带有 Flex 应用程序的 html 页面嵌入到另一个页面的 iframe 中，问题就会出现。
• 如果我在连接相机之前人为地放置了一个警报框，用户就可以与 Flex 应用程序交互，但一旦显示“隐私”面板，Flex 应用程序就会停止交互。
• 该应用程序在 Chrome 和 Safari 下运行良好，但我还没有在 Windows 下尝试过。
• 我了解到 CSS 定位存在问题，因此我删除了影响 Flex 应用程序的所有 CSS 样式。

在我改变策略并摆脱 iframe 之前（这将花费我相当多的精力），我很高兴知道其他人是否遇到过同样的问题以及是否有解决方法。

谢谢。

Answer 1

几周以来我遇到了同样的问题。我发现可能是什么问题。和css对齐有关系。尝试从 div flash 中删除 text-align:center; ，它会再次工作。不知何故，安全面板上的活动区域不会随着显示图像而移动......

Answer 2

在我的应用程序中，这个问题显然是由包含具有 css margin: 0 auto 的 flash 的元素引起的。这导致 Flash 对象的左边缘有时被报告为小数，例如 $('.flash').position().left --> 450.5 像素。只要它不是整数，安全面板就无法对点击做出反应。

https://bugs.adobe.com/jira/browse/FP-4183 中描述的修复 并链接到 Christiano 几乎 的作品。然而，每当浏览器大小调整得太小以致左边距消失时，它都会失败。

以下是我解决问题的方法：

function registerMozillaFlashFix() {
 if ($.browser.mozilla) {
   $(window).resize(function() {
      $(".flash").each(function(ii, e) {
        var $e = $(e);
        $e.css('margin-left', $e.position().left % 1 === 0 ? '0' : '0.5px');
      });
   });
 }
}

设置好闪光灯后，只需调用 window.resize() 即可。