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

[arena]

Thank you installed

[Jabong82]

Thank you very much. Great Mod Installed.

I have a question though. Is there a way to get this code to work so youtube videos can be displayed in an iphone?

I had a code which your mod replaced that allowed youtube videos to show in an iphone, however it was weird because it would show only some videos and some would be left with the little flash icon.

Any help would be appreciated. Thank you again for this mod though.

[archet1337]

This is awesome. Thanks for sharing.

[Sadikb]

Originally Posted by arena

Thank you installed

Originally Posted by archet1337

This is awesome. Thanks for sharing.

Thanks guys for your appreciation. It's motivated me to share some of my other customizations too...

[Sadikb]

Originally Posted by Jabong82

Thank you very much. Great Mod Installed.

I have a question though. Is there a way to get this code to work so youtube videos can be displayed in an iphone?

I had a code which your mod replaced that allowed youtube videos to show in an iphone, however it was weird because it would show only some videos and some would be left with the little flash icon.

Any help would be appreciated. Thank you again for this mod though.

I am not sure if this will work, but I think the Iphone plays youtube videos if you have the embed tag in. So Try this:

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" />
</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" />
  <embed
    src="http://www.youtube.com/v/{vb:raw code}&fs=1"
    type="application/x-shockwave-flash"
    allowscriptaccess="always"
    allowfullscreen="true"
    width="640"
    height="385">
  </embed>
</object>

You can reduce the embed width if it causes a problem with iphone screen. Once again, I am not sure it will work, give it a try, (I don't have an iphone) if it doesn't, remove the <embed></embed> tags.

[COL NIL SATIS]

ive added that code mate but im still not getting the full screen option ???? do we also have to edit the bb code replacement??? any ideas

[Sadikb]

Originally Posted by COL NIL SATIS

ive added that code mate but im still not getting the full screen option ???? do we also have to edit the bb code replacement??? any ideas

It should come... Could you share the url with the video?

[Videx]

This really shouldn't be classified as a mod of any type, it should be entered in the bug tracker.

But until it's fixed in the default code, thanks!

[B?rger_von_Rado]

THX! Worked for me and is installed, or better modified.