Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
HTML5 Embedded Video & Audio Player - BBCode Details »
HTML5 Embedded Video & Audio Player - BBCode
Mod Version: 1.00, by Coop1979 (Member) Coop1979 is offline
Developer Last Online: Apr 2012 I like it Show Printable Version Email this Page

vB Version: 4.0.x Rating: (3 votes - 5.00 average) Installs: 20
Released: 23 Mar 2010 Last Update: Never Downloads: 0
Not Supported Re-usable Code Translations  

This will work on all versions of VB.

With support for HTML5 in FireFox, Safari, and Google Chrome, it's now very easy to embed videos or audio on your site without the need for a lot of special coding or plug-ins. The <video> tag is supposed to replace Flash by linking to video files in the same way that the <img> tag links to images. The only catch is that right now the video files have to be in either .ogg, .ogv, .oga, or .ogx formats. These are all open source formats and easy to find converters for.

Instructions:

Go to your AdminCP, look under Custom BB Codes, then click Add New BB Code.

Title: HTML5 Video
BB Code Tag Name: video
Replacement: <video src="{param}" width="640" height="360" controls>
Your Browser does not support the video tag, upgrade to Firefox 3.5+, Google Chrome, or Safari.</video>
Example: [video]http://upload.wikimedia.org/wikipedia/commons/9/9d/Roomba_video.ogv[/video]
Description: Use this code to embed ogv HTML5 videos.

Click "Save" and...
Done!

Download Now

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Mini Mods HTML5 Embedded Video Player - BBCode Coop1979 vBulletin 3.8 Add-ons 2 10 Jan 2016 19:48
Miscellaneous Hacks embedd a dizzler audio/video player catfish1970 vBulletin 3.8 Add-ons 5 17 Jan 2010 05:10
BB Code Enhancements imeem audio and video BBcode vietfancy vBulletin 3.7 Template Modifications 9 13 Feb 2009 23:09

  #16  
Old 08 May 2011, 13:52
gopherhockey's Avatar
gopherhockey gopherhockey is offline
 
Join Date: Jul 2002
This is not working. First, there is already a type video, so you can't just save it as suggested above. The video BB code has a lot of options for different providers, such as hulu, youtube, google etc. It seems the best way to do this is to edit that template and modify the services that can handle HTML5 as suggested here: http://www.vbulletin.org/forum/showthread.php?t=261336

I tested with youtube and get just a blank white screen.
__________________
www.morcmtb.org
Reply With Quote
  #17  
Old 31 Jan 2012, 05:14
DaffyDuck DaffyDuck is offline
 
Join Date: Jul 2006
This really needs some modifications to work - first of all, the best way would be have it specify a different video shortcode, so as not to conflict with the [video] shortcode that is part of vB, at this time. I'd suggest something like [h5video] or [html5video].

Furthermore, unlike the original description, which says "The only catch is that right now the video files have to be in either .ogg, .ogv, .oga, or .ogx formats', HTML5 video supports a far wider variety of video formats: H.264 (video) and AAC (audio) are the preferred formats, and supported on Apple Safari, iPad and iPhone MobileSafari, and any webkit browsers (Android); you only need to worry about ogg if you are stuck with Firefox or Opera, and they stupidly dogmatic non-standard codec; or simply support Google's webM.

There are converters for most of these - I have found that H.264/AAC provide for the smallest files, at the highest quality, using low-bandwidth the best; ogg will invariably yield the worst quality and the largest files - stay away if you can; webM is 'okay'. It's basically the long abandoned On8 video codec - meh.

I need something like this to embed HTML5 H.264/AAC video, with smart fallback to Flash, or webM. Ideally, with a smart Javascript controller overlay - there are some great such frameworks that provide this, like Projekktor or MediaElement.js, which I was hoping someone would make a vb Plugin with.
Reply With Quote
  #18  
Old 07 Feb 2012, 21:23
Bisha's Avatar
Bisha Bisha is offline
 
Join Date: Mar 2006
but if we use [VIDEO] as tag, will the video tag work also for youtube and other?
Reply With Quote
  #19  
Old 10 Nov 2014, 18:09
brandondrury brandondrury is offline
 
Join Date: Oct 2005
I'm not having any luck getting this to work in Opera, iPad, or iPhone for audio. It seems like it's the attachment URL format which is a query string and not a "mp3" file. Anyone else had this problem?

Brandon
__________________
Home Recording Forum

Brandon
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 11:22.

Layout Options | Width: Wide Color: