The Arcive of Official vBulletin Modifications Site.

Full Screen Button in Youtube embedded Videos · **Released**: 03-13-2010

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:

HTML Code:

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

HTML Code:

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

HTML Code:

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

HTML Code:

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

goxy63 · #82 02-23-2014, 08:56 AM

I reverted template and now its not working, default code as mentioned above is not same so.... for me is not working now and I am not sure how to fix that

using following code which removes option for full screen:

Code:

<vb:elseif condition="$provider == 'youtube'" />
<iframe class="restrain" title="YouTube video player" width="512" height="308" src="//www.youtube.com/embed/{vb:raw code}?wmode={vb:raw wmode} &amp;fs=0&amp;iv_load_policy=3" frameborder="0"></iframe>
<vb:elseif condition="$provider == 'youtube_share'" />
<iframe class="restrain" title="YouTube video player" width="512" height="308" src="//www.youtube.com/embed/{vb:raw code}?wmode={vb:raw wmode} &amp;fs=0&amp;iv_load_policy=3" frameborder="0"></iframe>

note part in red, added to remove annotations + full screen option...

wondering why default code is not working well with full screen ?

hivitro · #83 08-26-2016, 02:24 AM

Its work great, i can use full screen,but youtube dont like anymore x-shockwave-flash @2016 and i go back.

Ty.

attilio · #84 08-29-2016, 07:17 AM

Full screen button not active in my vb 4.2.4.

Has anyone got the up-to-date template code for this version?

scott1822 · #85 07-30-2017, 02:37 AM

Quote:

Originally Posted by attilio

Full screen button not active in my vb 4.2.4.

Has anyone got the up-to-date template code for this version?

Code:

<vb:elseif condition="$provider == 'youtube' OR $provider == 'youtube_share'" />
<iframe width="640" height="360" src="https://www.youtube.com/embed/{vb:raw code}?wmode={vb:raw wmode}" frameborder="0" allowfullscreen></iframe>

ramesh_umk3 · #86 03-16-2018, 05:19 AM

Replace the youtube SRC with below code

Code:

//www.youtube.com/embed/{vb:raw code}?modestbranding=1&amp;version=3&amp;showinfo=0&amp;FS=0&amp;rel=0

Thanks

tbellik · #87 12-19-2018, 10:29 AM

Hey I have 4.2.3 but want to make youtube videos full screen.

I didnt get thi code in my vbulletin, how can I make this ?

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04112 seconds Memory Usage 2,298KB Queries Executed 22 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (3)bbcode_code (4)bbcode_html (1)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (7)post_thanks_box (7)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (7)post_thanks_postbit_info (6)postbit (7)postbit_onlinestatus (7)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!