我一直试图让这段代码起作用.我有一个隐藏的div,使用object / embed方法显示flash视频.
这是我正在使用的js代码.
jQuery(document).ready(function(){ jQuery("a[id^='scrshot_']").fancybox( { 'autoDimensions' : false,'width' : 640,'height' : 360 }); return false;});
我正在使用我在这个网站http://www.jdmweb.com/resources/fancy_videos上找到的这种方法,并且很容易实现.我使用动态创建的ID标签.但由于某种原因fancybox将打开但内部的div保持隐藏.当我使用firebug来查看它时,它会显示内部的flash对象,但它仍然附加了display:none属性.你怎么得到它来显示该div内的内容而不是整个div?如果div正在显示并使用链接,则fancybox会与播放器打开.显然,这不会工作,因为我不希望视频显示,直到它在fancybox中启动.
我的HTML代码示例.
<a class='scrshot' id='scrshot_1' href='#showvid_1'>Click Here</a> <div class='showvid' id='showvid_1'>my embedded code here</div>
解决方法
而不是隐藏div,使其可见,但将其包装在另一个隐藏的div中.
(我不知道为什么fancybox没有切换可见性,而是讨厌.)