0

我有一个有趣的问题。当用户单击图像缩略图时,我使用 FancyBox 灯箱显示“视频”标签,它适用于所有形式的 HTML5 视频。主要问题是在 IE9 之前的浏览器中进行测试时,不会加载 Flash 回退。

我正在使用 HTML5Media.info HTML5 视频 javascript 插件来自动检测“视频”标签并在浏览器无法识别“视频”标签时创建一个 Flash 后备“对象”。这个插件不能编辑,因为它是一个链接文件,而不是我服务器上的文件。

我知道问题出在“显示:无;” 那是周围的DIV之一。

我知道使用的方法/修复

height: 0; width: 0; overflow: hidden; 

但这些在我的情况下不起作用。由于 Flash 对象/嵌入是根据用户拥有的浏览器动态生成的,而 FancyBox 依赖于“display: none;” 我不能用这个。FancyBox 也被用在网站的其他地方,改变它来支持这将是不必要的工作。

我需要一种使用 Javascript 或 jQuery 的方法来检测周围 DIV 的显示状态是否设置为无,然后,当显示 DIV 时,然后加载 Flash 视频。

这可以通过 AJAX 调用来完成吗?

如果您知道这样做的方法,请告诉我。抱歉,我在 Javascript 方面越来越好,但无论如何我都不是专家,因此感谢您的帮助!

我也很抱歉没有包含参考链接,这是一个公司项目。保密的东西。

4

1 回答 1

0
height: 0; width:0; overflow: hidden;

这实际上工作得很好。我之前尝试过,它不能正常工作。我不知道为什么,但对于任何使用 FancyBox 的人来说,他们正在动态加载 SWF 或 FlashPlayers,这是你想要隐藏 DIV 的 css。奇迹般有效。FancyBox 会自动将 DIV 调整为所需的大小。

于 2012-06-07T19:08:18.103 回答