The YouTube Code that You Use has Problems with FireFox as it sends the Error Message; I've tried the Code with the one I use on my Forums and Changed a little the code to include the resizing of the embed Tag and it works Fine on FireFox.
This is the Modified Code:
Code:
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="425" style="margin:10px 0">
<thead>
<tr>
<td class="tcat" colspan="2" style="text-align:center">
<span style="float:right;margin-left:5px;cursor:pointer;font-weight:bolder;" title="Increase this video's size" onClick="
if ( this.innerHTML == '+' ) {
this.innerHTML = '-';
this.title = 'Reset video size';
this.parentNode.parentNode.parentNode.parentNode.width=638;
this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('object')[0].width=638;
this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('object')[0].height=515;
this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('embed')[0].width=638;
this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('embed')[0].height=515;
} else {
this.innerHTML = '+';
this.title = 'Increase this video\'s size';
this.parentNode.parentNode.parentNode.parentNode.width=425;
this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('object')[0].width=425;
this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('object')[0].height=355;
this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('embed')[0].width=425;
this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('embed')[0].height=355;
}
">+</span>
<a href="http://www.youtube.com/watch?v={param}" title="View this video at YouTube in a new window or tab" target="_blank">YouTube Video</a>
</td>
</tr>
</thead>
<tbody>
<tr>
<td class="panelsurround" align="center">
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/{param}"></param><embed src="http://www.youtube.com/v/{param}&autoplay=0&fs=1&rel=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="355" wmode="transparent"></embed></object>
</td>
</tr>
</tbody>
</table>
Notice the Followinnf Changed Code:
Code:
this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('embed')[0].width=638;
this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('embed')[0].height=515;
Code:
this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('embed')[0].width=425;
this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('embed')[0].height=355;
Code:
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/{param}"></param><embed src="http://www.youtube.com/v/{param}&autoplay=0&fs=1&rel=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="355" wmode="transparent"></embed></object>
My Best Regards.