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...

[PRadden]

I was able to create a new template called bbcode_video, then inserted the code for the full screen button.

It doesn't seem to have any effect....

[abdulbasitsaeed]

Styles & Templates –> Style Manager –> –> BBCode Layout Templates –> bbcode_video

Under the style you are editing, you shall find BBCode Layout Templates. Double click on it and you shall find the bbcode_video template under it as a "sub-template". There is no need to create a new one.

[Sadikb]

Updated and should work now with 4.0.6.

[Hippy]

what was updated because all seems to work with 4.0.6

[ComoEstaEso-com]

Just installed on 4.0.6
All working perfectly so far!

Thanks!!

[Sadikb]

Originally Posted by Hippy

what was updated because all seems to work with 4.0.6

Since 4.0.5 (or 4.0.4 not sure) the default bbcode_video code had changed. SO just modified the original post to reflect the new code as present in 4.0.6.

[Videx]

Thanks for the update. Let's hope it hasn't changed again in 407.

[trilogy33]

Originally Posted by Videx

Thanks for the update. Let's hope it hasn't changed again in 407.

My 4.0.7 testboard install managed a successful template merge.
So all should be well.

[rouvio]

Thank you for a simple, yet brilliant mod

[jacobsen1]

installed, thanks!