The Arcive of Official vBulletin Modifications Site.

Updated bbcode_video template with available HTML5 Players · **Released**: 05-27-2012

Brought to you by BirdOPrey5
http://www.birdoprey5.com/

NEW- April 5, 2013- Updated Facebook to HTML5, flash player stopped working!

The template bbcode_video is the one that decides what embed code is used for the built in video embedding sites.

This template relies mostly on Flash- only YouTube was ever updated to HTML5 in the stock bbcode_video template of VB 4.2.0.

This new edit has HTML5 Players available for Vimeo and Dailymotion as well. It also has the code there that was to help IE6 compatibility removed as 4.2.0 officially dropped support for IE6 anyway.

I have also made some of the video screens larger where appropriate.

The benefits of HTML5 players is they will work on iPads, iPhones, and all current Android/mobile devices. Flash does not.

To use this simply copy the code below and paste it into your template bbcode_video, deleting what used to be there.

If you have any trouble simply "revert" the template back to the original.

Repeat the above for each style you have.

New bbcode_video template (Tested on 4.2.0):

Code:

<vb:if condition="$provider == 'hulu'">

<object width="512" height="288">
<param name="movie" value="http://www.hulu.com/embed/{vb:raw code}"></param>
<param name="allowFullScreen" value="true"></param>
<embed src="http://www.hulu.com/embed/{vb:raw code}" type="application/x-shockwave-flash"  width="512" height="288" allowFullScreen="true"></embed>
</object>

<vb:elseif condition="$provider == 'youtube'" />

<iframe class="restrain" title="YouTube video player" width="640" height="390" src="//www.youtube.com/embed/{vb:raw code}?wmode={vb:raw wmode}" frameborder="0" allowfullscreen></iframe>

<vb:elseif condition="$provider == 'youtube_share'" />
<iframe class="restrain" title="YouTube video player" width="640" height="390" src="//www.youtube.com/embed/{vb:raw code}?wmode={vb:raw wmode}" frameborder="0"></iframe>

<vb:elseif condition="$provider == 'vimeo'" />

<iframe src="http://player.vimeo.com/video/{vb:raw code}?portrait=0" width="640" height="360" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

<vb:elseif condition="$provider == 'dailymotion'" />

<iframe frameborder="0" width="640" height="390" src="http://www.dailymotion.com/embed/video/{vb:raw code}"></iframe>
	
<vb:elseif condition="$provider == 'metacafe'" />

<object class="restrain" type="application/x-shockwave-flash" width="640" height="380" data="http://www.metacafe.com/fplayer/{vb:raw code}.swf">
	<param name="movie" value="http://www.metacafe.com/fplayer/{vb:raw code}.swf" />
	<param name="wmode" value="{vb:raw wmode}" />
</object>

<vb:elseif condition="$provider == 'google'" />

<object class="restrain" type="application/x-shockwave-flash" width="400" height="326" data="http://video.google.com/googleplayer.swf?docid={vb:raw code}">
	<param name="movie" value="http://video.google.com/googleplayer.swf?docid={vb:raw code}" />
	<param name="wmode" value="{vb:raw wmode}" />
</object>
	
<vb:elseif condition="$provider == 'facebook'" />

<iframe src="https://www.facebook.com/video/embed?video_id={vb:raw code}" width="720" height="450" frameborder="0"></iframe>

</vb:if>

The above has all known/available HTML5 players, but Flash players where HTML5 is not yet available.

------------------------------------------------------

Please "Mark as Installed" if you use this.

Donations always appreciated. :up:
Nominate MOTM if you LOVE it!

e24h · #32 08-06-2015, 02:20 AM

Thanks BOP!!

BirdOPrey5 · #33 08-06-2015, 09:14 AM

Quote:

Originally Posted by akz645

Thanks

Do you know how to add facebook videos?
Example: https://www.facebook.com/WilliamSing...3926357545620/

I have FB platform enabled.

https://vborg.vbsupport.ru/showthread.php?t=318877
^ I used that to create a BB code & edited the same template (just the FB code part).

However, I don't want it as a BB code. I want it to work straight from the video bb code & I don't want to just paste the ID of the video, but instead the entire link.

Any idea how?

There were some problems with the Facebook video in the latest versions of 4.x. I have instructions for fixing the bug in the bug report here- http://tracker.vbulletin.com/browse/VBIV-15670

You need to be logged into the vBulletin Community Forum first as a licensed user before you can view that link.

akz645 · #34 08-06-2015, 03:03 PM

Quote:

Originally Posted by BirdOPrey5

There were some problems with the Facebook video in the latest versions of 4.x. I have instructions for fixing the bug in the bug report here- http://tracker.vbulletin.com/browse/VBIV-15670

You need to be logged into the vBulletin Community Forum first as a licensed user before you can view that link.

Code:

https://www.facebook.com/video/video.php?v=1944005363878

Your example video works.

I did the XML edit to and went too Debug mode and rebuilt BB Video.

But this still doesn't work:

Code:

https://www.facebook.com/WilliamSinge/videos/10153926357545620

If I manually change to this:
[video=facebook;10153926357545620]https://www.facebook.com/WilliamSinge/videos/10153926357545620/[/video]
Then it works.
Note: My video URL setup is different from Lynne.

The difference between your working URL example & my video is this:
- video.php?v=
- videos/
&
- video/
- WilliamSinge/

So the coding should account for both cases of it to work (I think).

BirdOPrey5 · #35 08-06-2015, 03:10 PM

I see, seems the real name in the URL is causing the issue- that's going to require separate custom code to deal with- that is beyond the scope of this template edit.

akz645 · #36 08-06-2015, 03:18 PM

Quote:

Originally Posted by BirdOPrey5

I see, seems the real name in the URL is causing the issue- that's going to require separate custom code to deal with- that is beyond the scope of this template edit.

Yeah, but also this:

Quote:

Originally Posted by akz645

The difference between your working URL example & my video is this:
- video.php?v=
- videos/
&
- video/
- WilliamSinge/

Code:

https://www.facebook.com/video/video.php?v=1944005363878

Code:

https://www.facebook.com/WilliamSinge/videos/10153926357545620

Stratis · #37 07-24-2017, 05:38 AM

Do we must change http to https ? where is needed ?
Example: http://www.hulu.com is now https://www.hulu.com

My forum is https

Thanks

BirdOPrey5 · #38 07-24-2017, 10:12 AM

Yes you can do that.

Though I'm not sure Hulu embedding works anymore. It would be fine for YouTube and sites still working.

Stratis · #39 07-24-2017, 03:23 PM

Ok, changed... Actually Dailymotion videos did not show up in pages (white space only).
So any one else use this must change too. Do not forget must not change all to https, only if they have change to.

This is all reαdy code.

Code:

<vb:if condition="$provider == 'hulu'">
<object width="512" height="288">
<param name="movie" value="https://www.hulu.com/embed/{vb:raw code}"></param>
<param name="allowFullScreen" value="true"></param>
<embed src="https://www.hulu.com/embed/{vb:raw code}" type="application/x-shockwave-flash"  width="512" height="288" allowFullScreen="true"></embed>
</object>
<vb:elseif condition="$provider == 'youtube'" />
<iframe class="restrain" title="YouTube video player" width="640" height="390" src="//www.youtube.com/embed/{vb:raw code}?wmode={vb:raw wmode}" frameborder="0" allowfullscreen></iframe>
<vb:elseif condition="$provider == 'youtube_share'" />
<iframe class="restrain" title="YouTube video player" width="640" height="390" src="//www.youtube.com/embed/{vb:raw code}?wmode={vb:raw wmode}" frameborder="0"></iframe>
<vb:elseif condition="$provider == 'vimeo'" />
<iframe src="https://player.vimeo.com/video/{vb:raw code}?portrait=0" width="640" height="360" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<vb:elseif condition="$provider == 'dailymotion'" />
<iframe frameborder="0" width="640" height="390" src="https://www.dailymotion.com/embed/video/{vb:raw code}"></iframe>
 
<vb:elseif condition="$provider == 'metacafe'" />
<object class="restrain" type="application/x-shockwave-flash" width="640" height="380" data="http://www.metacafe.com/fplayer/{vb:raw code}.swf">
 <param name="movie" value="http://www.metacafe.com/fplayer/{vb:raw code}.swf" />
 <param name="wmode" value="{vb:raw wmode}" />
</object>
<vb:elseif condition="$provider == 'google'" />
<object class="restrain" type="application/x-shockwave-flash" width="400" height="326" data="https://video.google.com/googleplayer.swf?docid={vb:raw code}">
 <param name="movie" value="https://video.google.com/googleplayer.swf?docid={vb:raw code}" />
 <param name="wmode" value="{vb:raw wmode}" />
</object>
 
<vb:elseif condition="$provider == 'facebook'" />
<iframe src="https://www.facebook.com/video/embed?video_id={vb:raw code}" width="720" height="450" frameborder="0"></iframe>
</vb:if>

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04469 seconds Memory Usage 2,337KB Queries Executed 26 (?)
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 (6)bbcode_code (4)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 (9)post_thanks_box (7)post_thanks_box_bit (9)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (3)post_thanks_postbit (9)post_thanks_postbit_info (8)postbit (9)postbit_onlinestatus (9)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_postinfo_query fetch_postinfo 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 fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end 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:

5 благодарности(ей) от:
djbaxter, RichieBoy67, rodriiverduguez, Stratis, Taurus1

Благодарность от:
Stratis

The Arcive of Official vBulletin Modifications Site.

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