vb.org Archive - Miscellaneous Hacks - Updated bbcode_video template with available HTML5 Players

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! ;)

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01207 seconds Memory Usage 1,740KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: