Mini Mods - Full Screen Button in Youtube embedded Videos

Updated to work with 4.0.6

Hi, a member posted a video on my site and complained to me that there is no Full Screen Button in the embedded video. The fix to this is really simple:

You need to go to Styles & Templates ?> Style Manager ?> ?> BBCode Layout Templates ?> bbcode_video:

Find:

<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" />
	<!--[if IE 6]>
	<embed width="640" height="385" type="application/x-shockwave-flash" src="http://www.youtube.com/v/{vb:raw code}" />
	<![endif]--></object>

Replace with:

<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}&fs=1">
    <param name="movie" value="http://www.youtube.com/v/{vb:raw code}&fs=1" />
    <param name="wmode" value="transparent" />
    <param name="allowFullScreen" value="true" />
    <!--[if IE 6]>
	<embed width="640" height="385" type="application/x-shockwave-flash" src="http://www.youtube.com/v/{vb:raw code}" />
    <![endif]--></object>

I also blogged about it here.

For Vimeo, the process is the same,

Find:

<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" />
	<!--[if IE 6]>
	<embed width="640" height="360" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id={vb:raw code}" />
	<![endif]--></object>

Replace with:

<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}&amp;fullscreen=1">
	<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id={vb:raw code}" />
	<param name="wmode" value="transparent" />
	<param name="allowfullscreen" value="true" />
	<!--[if IE 6]>
	<embed width="420" height="339" type="application/x-shockwave-flash" src="http://www.dailymotion.com/swf/{vb:raw code}" />
	<![endif]--></object>

Hope this helps...

[fluidswork]

Great..........

[COL NIL SATIS]

Can you do this for vimeo too mate???

[Sadikb]

Originally Posted by COL NIL SATIS

Can you do this for vimeo too mate???

Just did...

It's actually almost the same... Would be same for other providers too.

[COL NIL SATIS]

Originally Posted by Sadikb

Just did...

It's actually almost the same... Would be same for other providers too.

fantastic!!! thanks a lot mate

[NashChristian]

Originally Posted by Sadikb

Just did...

It's actually almost the same... Would be same for other providers too.

Cool! How about Facebook next?

[ArminTECH]

tagged

[Santori]

Hello ,thank you for the mod.
But It don´t work in 4.0.4 version.

[iceytdot]

thanks!

[Videx]

Since the code in vb404 has changed slightly, this really needs to be updated. I understand it's really just a matter of adding "&fs=1" in two places.

Edit: Nope, it doesn't seem to be working in 404 even if you add that. Odd.

[abdulbasitsaeed]

It actually does work with 4.0.4 too. The new and old templates don't match, and hence you need to revert to the default template. If you have already done that during the upgrade to 4.0.4,

Go to Styles & Templates ?> Style Manager ?> ?> BBCode Layout Templates ?> bbcode_video:

Find:

<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" />
    <!--[if IE 6]>
    <embed width="640" height="385" type="application/x-shockwave-flash" src="http://www.youtube.com/v/{vb:raw code}" />
    <![endif]--></object>

and replace it with:

<object class="restrain" type="application/x-shockwave-flash" width="640" height="385" data="http://www.youtube.com/v/{vb:raw code}&fs=1">
    <param name="movie" value="http://www.youtube.com/v/{vb:raw code}" />
    <param name="wmode" value="transparent" />
    <param name="allowFullScreen" value="true" />
    <!--[if IE 6]>
    <embed width="640" height="385" type="application/x-shockwave-flash" src="http://www.youtube.com/v/{vb:raw code}" />
    <![endif]--></object>

Hope this works for you.