Youtube Full Screen Button Missing

by Sadik on 14/03/10 at 9:35 am

If you are a blogger or forum owner, you might notice that when you embed a Youtube video in your blog or post, it’s missing the Fullscreen button. I personally own a VBulletin powered Oracle Forums. One of the members at the site shared a video and I noticed that the video was missing the Fullscreen button. I did some research and it’s basically very simple to add the full screen button in the embed code.

Firstly here’s what the embed code looks before:

<object width="640" height="385" data="http://www.youtube.com/v/Diu5eFHbFoA" type="application/x-shockwave-flash" class="restrain" id="yui-gen14">
<param value="http://www.youtube.com/v/Diu5eFHbFoA&amp" name="movie">
<param value="transparent" name="wmode">
</object>

And this is the result, note that there is no Fullscreen button:

To add the Fullscreen button what we need to do is add the variable fs=1 to youtube URLS and set the parameter allowFullScreen to true. Here’s how the code above needs to be modified:

<object width="640" height="385" data="http://www.youtube.com/v/Diu5eFHbFoA&amp&fs=1" type="application/x-shockwave-flash" class="restrain" id="yui-gen14">
<param value="http://www.youtube.com/v/Diu5eFHbFoA&amp&fs=1" name="movie">
<param value="transparent" name="wmode">
<param value="true" name="allowFullScreen">
</object>

And here’s the result:

For VBulletin Forum Owners

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" />
</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" />
</object>

Hope this helps you out.

Share |

Related posts

  • Ssteinberger1
    Top! Thanks a lot!
    If it's interesting to anybody: The fullscreeen button is only available for emedded videos larger than ca. 180px in width... for smaller videos, the button disappears automatically

    Simon
blog comments powered by Disqus