vBulletin - how to add support for mp4 videos

[Ostap]

Hi everyone

Here is a short tutorial for those who hosts VBulletin forum


===============
Step 1:
===============


Open database of your forum
Locate table "bbcode_video" and add new record
manually or use this query:

INSERT INTO `bbcode_video` (`tagoption`, `provider`, `url`, `regex_url`, `regex_scrape`, `embed`, `priority`) VALUES ('extern_video_mp4', 'External Video Link', 'http://trump.president.gov', 'https?:\\/\\/(.*\\.mp4.*)', '', '<video src="//{vb:raw code}"></video>', 0);

it should look like this (last record)
parameter "url" seems to do absolutely nothing - but it should be set nonetheless ...





===============
Step 2:
===============


Open your admin control panel
Locate "Styles & Templates"



Click "Style Manager" and find correct style used by your forum (or do it for all ....if you allow style change for users)
Select "Edit Templates"



Locate "BB Code Layout Templates"



Double click on "bbcode_video" section to edit it



You'll get a page that looks like this:



add rendering section for new provider type:

<vb:elseif condition="$provider == 'extern_video_mp4'" />	
	<video controls style="max-width:900px;max-height:600px">
	    <source src="{vb:raw url}">
	    Sorry, your browser doesn't support embedded videos.
	</video>

so that it looks like this:



Done ! ....save and try it out !!!