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!
