Question

我正在使用jQuery Fancybox在网站上显示大量Flash视频，而我在浏览器中首次点击时窗口无法完全打开时出现问题。它在其他浏览器中运行良好。

这是jQuery：

<script type="text/javascript">
    $(document).ready(function() {
        $("a.videoLink").fancybox({
            'titleShow'  : false,
            'autoscale' : true,
            'width'  : '820',
            'height'  : '620',
            'transitionIn'  : 'elastic',
            'transitionOut' : 'elastic'
            }); 
        });
    </script>

这是html：

<tr>
<td class="title"><a class="videoLink" href="#video-content30">CPR Lesson 1 Movie</a></td>
<td class="time">38:39</td>
<td class="video" style="display:none">
    <div id="video-content30">

            <script type='text/javascript'>
            var flashvars = {
            file: 'http://www.stockmarketcpr.com/smsys/link/CPR-Lesson-1-Movie.flv',
            id: '30'
            };
            var params = {
            wmode: 'opaque',
            bgcolor: '#CCCCCC',
            allowfullscreen: 'true',
            allowscriptaccess: 'always'
            };
            swfobject.embedSWF('http://www.stockmarketcpr.com/_flash/player.swf', 'player30','800','600', '9.0.0','expressInstall.swf', flashvars, params);

            </script>

            <div id="player30"></div>
    </div>      
</td>
</tr>

我在第一次点击时最终获得了四分之一英寸高的全宽窗口。第二次点击播放正常。

我将不胜感激。

谢谢！

Answer 1

如果您使用指向内联内容的fancybox，请确保在CSS #video-content30中使用所需尺寸设置样式

Answer 2

我不确定这是否仍然相关，但我知道几周前我下载并安装了Fancybox，并注意到弹性过渡时出现错误。

事实证明，示例网站上使用的Fancybox源和提供下载的源略有不同。我复制了网站上使用的源代码并替换了我的，它运行良好。

无论如何都值得一试。最近我发现了一些jQuery插件 - 似乎开发人员并没有保持他们的东西正确同步。

Answer 3

我从fancybox帮助论坛上的人那里得到了一些新代码。

对于内联内容，代码必须如下：

<a class="videoLink" href="http://www.myurl.com/_flash/player.swf?file=http://www.myurl.com/mydirectory/myMovie.flv">CPR Lesson 1 Movie</a>

一旦我把它放到位，它就像一个魅力。

jQuery Fancy - 弹出窗口没有完全展开

3 个答案: