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

[ravencr]

Can this be done for Facebook videos, and if so, how?

Chris

[Raeven]

Very nice, thank you (works with 4.0.7)

[shahin531]

question:

For example, links for vimeo :
1 - http:\/\/(?:www\.)?vimeo\.com\/([0-9]+)
2 - http://vimeo.com/moogaloop.swf?clip_id={vb:raw code}

For example, links for youtube
1 - http:\/\/www\.youtube\.com\/watch\?.*v=([a-z0-9-_]+)
2 - http://www.youtube.com/v/{vb:raw code}

IMDB What are the links?

[Gn_Snake]

I have the 4.1.0 Pl2 version of Vbulletin.
I made the change but it duplicates the youtube video?

Any idea?

[Videx]

Originally Posted by Gn_Snake

I have the 4.1.0 Pl2 version of Vbulletin.
I made the change but it duplicates the youtube video?

I believe I read in one of the change logs that this functionality is now included in vb.?

[Sadikb]

Sorry guys but I haven't upgraded to 4.1. So I have not yet been able to test.

[shcchief]

how would one get this to work for youtube videos posted in the vB CMS?

[Sadikb]

Originally Posted by shcchief

how would one get this to work for youtube videos posted in the vB CMS?

As of VB 4.1.2 this is incorporated in VBulletin Core. So this MOD is no longer necessary.

[shcchief]

Originally Posted by Sadikb

As of VB 4.1.2 this is incorporated in VBulletin Core. So this MOD is no longer necessary.

Fair enough, and thanks for replying, however would it possible for me to do it manually so I don't have to update etc

Thanks mate

edit: I'm on 4.0.2

[Sadikb]

Yes sure. This Mod however has HTML which was changed in 4.0.6. So you may not Find the code as given here. However the html which you are supposed to add will still work. Tell you what I am free right now so if you drop me a PM in the next 10 mins, with your board's login details I can add the code for you. But that's just for now.

If not, what you need to do is find the HTML code for object element for Youtube and replace it with the one provided here.