Re-sizable You Tube


THIS WAS AND HAS BEEN TESTED ON MOZILLA FIREFOX AND THE SCREEN SHOTS PROVIDED ARE DIRECTLY FROM MOZILLA FIREFOX.


What this basically does is displays a youtube video, however it allows you to enlarge the video, and go to the video directly.

Title: YouTube Video
BB Code Tag Name: youtube

In Replacement add:

Kod:
<center><table class="tborder" cellpadding="6" cellspacing="1" border="0" width="400" 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;
                } 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;
                }
            ">+</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" type="application/x-shockwave-flash" data="http://www.youtube.com/v/{param}">
                <param name="movie" value="http://www.youtube.com/v/{param}" />
                <param name="wmode" value="transparent" />
                <em><strong>ERROR:</strong> If you can see this, then <a href="http://www.youtube.com/">YouTube</a> is down or you don't have Flash installed.</em>

            </object>
        </td>
    </tr>
</tbody>
</table></center>
Example: [ youtube ]video id[/ youtube ]
Description: Place the video id in between the codes and wallah a youtube player

Button Image (Optional): http://i27.tinypic.com/6j28pg.gif