I am using jQuery Fancybox to display a number of Flash videos on a site and I am having trouble with the window not opening fully on the first click in Firefox. It works fine in other browsers.

Here is the jQuery:

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

Here is the 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>

I end up getting a quarter inch high, full-width window on the first click. The second click plays fine.

I would appreciate any assistance.

Thank you!