Getting videos in highslide

[ZGeek]

Hello,

I've been working on getting my videos in my CMS to load in highslide. I have succeeded, but I have a problem of getting the video to open. I simply want to put a link at the bottom of the thumbnail video shown on the front page of the CMS saying "Click to embiggen".

I can put in the link, but I just can't get it to show under the video box in the CMS.

I was wondering if anyone here had any ideas. I am hesitant to mess with the original vb code and have just tacked mine on. Only for the reason that the videos will still display in full size when people click read more or post them in forum threads.

I am using this pluggin to get highslide working.

I have edited bbcode_video to this.

<vb:if condition="$provider == 'hulu'">
<object class="restrain" type="application/x-shockwave-flash" width="512" height="296" data="http://www.hulu.com/embed/{vb:raw code}">
	<param name="movie" value="http://www.hulu.com/embed/{vb:raw code}" />
	<param name="wmode" value="transparent" />
</object>
<vb:elseif condition="$provider == 'youtube'" />
<object class="restrain" type="application/x-shockwave-flash" width="640" height="385" data="http://www.youtube.com/v/{vb:raw code}">
	<param name="movie" value="http://www.youtube.com/v/{vb:raw code}" />
	<param name="wmode" value="transparent" />
</object>
	<a href="#" onclick="return hs.htmlExpand(this, { contentId: '{vb:raw code}' } )"
		class="highslide">Click to embiggen
	<img src='http://i3.ytimg.com/vi/{vb:raw code}/default.jpg' width='0' height='0' align='right'>
	</a>
	<div class="highslide-html-content" id="{vb:raw code}">
	<div class="highslide-body">
		<object width="640" height="505">
			<param name="movie" value="http://www.youtube.com/v/{vb:raw code}&hl=en_US&fs=1&"></param>
			<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
			<embed src="http://www.youtube.com/v/{vb:raw code}&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed>
		</object>
	</div>
</div>
<vb:elseif condition="$provider == 'vimeo'" />
<object class="restrain" type="application/x-shockwave-flash" width="640" height="360" data="http://vimeo.com/moogaloop.swf?clip_id={vb:raw code}">
	<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id={vb:raw code}" />
	<param name="wmode" value="transparent" />
</object>
<vb:elseif condition="$provider == 'dailymotion'" />
<object class="restrain" type="application/x-shockwave-flash" width="420" height="339" data="http://www.dailymotion.com/swf/{vb:raw code}">
	<param name="movie" value="http://www.dailymotion.com/swf/{vb:raw code}" />
	<param name="wmode" value="transparent" />
</object>
<vb:elseif condition="$provider == 'metacafe'" />
<object class="restrain" type="application/x-shockwave-flash" width="400" height="345" data="http://www.metacafe.com/fplayer/{vb:raw code}.swf">
	<param name="movie" value="http://www.metacafe.com/fplayer/{vb:raw code}.swf" />
	<param name="wmode" value="transparent" />
</object>
<vb:elseif condition="$provider == 'google'" />
<object class="restrain" type="application/x-shockwave-flash" width="400" height="326" data="http://video.google.com/googleplayer.swf?docid={vb:raw code}">
	<param name="movie" value="http://video.google.com/googleplayer.swf?docid={vb:raw code}" />
	<param name="wmode" value="transparent" />
</object>
<vb:elseif condition="$provider == 'facebook'" />
<object class="restrain" type="application/x-shockwave-flash" width="576" height="432" data="http://www.facebook.com/v/{vb:raw code}">
	<param name="movie" value="http://www.facebook.com/v/{vb:raw code}" />
	<param name="wmode" value="transparent" />
</object>
</vb:if>

The video does load when I run the slide show. I have it up and running here if anyone wants to see.