FancyBox显示:无和Flash视频问题

时间:2012-06-07 17:51:14

标签: javascript jquery css flash

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

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

我知道问题出在“display:none;”这是周围的DIV之一。

我知道使用

的方法/修复
height: 0; width: 0; overflow: hidden; 

但那些不适合我的情况。由于flash对象/嵌入是根据用户的浏览器动态生成的,而FancyBox依赖于“display:none;”我不能用这个。 FancyBox也在网站的其他地方使用,改变它以支持这将是比必要的更多的工作。

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

可以通过AJAX调用完成吗?

如果您知道如何做到这一点,请告诉我。对不起,我在Javascript方面做得越来越好,但无论如何我都不是专家,所以对任何帮助表示赞赏!

我也因不包括参考链接而道歉,这是一个公司项目。不披露的东西。

1 个答案:

答案 0 :(得分:0)

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

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