(B23) Video BBCode v1.0 to v1.0.1 Instructions

Description

This modification allows you to use a bbcode to embed videos onto your posts from a large list of websites just using this format [video]link[/video] and the mod will automatically recognize where the video comes from (no need for searching codes or allowing html). Also adds a new button on the Quick/Normal Reply and Quick Edit windows for easy access and input, works for the Standard and Rich Text Editors.

The list includes:

YouTube (www.youtube.com)
GoogleVideo (video.google.com)
LiveLeak (www.liveleak.com)
Veoh (www.veoh.com)
GameTrailers (www.gametrailers.com)
iFilm (www.ifilm.com)
Revver (www.revver.com)
BrightCove (www.brightcove.com)
MySpaceVideo (vids.myspace.com)
CollegeHumor (www.collegehumor.com)
vSocial (www.vsocial.com)
Guba (www.guba.com)
Glumbert (www.glumbert.com)

This modification is based on a tutorial posted on IPSBeyond ("Easy Youtube and Google Embed") created by "The Big Cheese" and edited by "Gary B"

Requirements

This mod was designed to be installed using the Universal Mod Installer, available from IPSBeyond, or Invision Modding.

Files Affected

jscripts\ips_text_editor.js
sources\classes\bbcode\class_bbcode_core.php

Be sure to back up these files before continuing!

Step 1: File Edits

Open sources\classes\bbcode\class_bbcode_core.php

Find:

		//-----------------------------------------
		// CODE
		//-----------------------------------------
		
		$t = preg_replace( "#<!--c1-->(.+?)<!--ec1-->#", '[code]' , $t );
		$t = preg_replace( "#<!--c2-->(.+?)<!--ec2-->#", '[/code]', $t );

IF YOU ARE USING IPB 2.3.x

Add Below:

		//-----------------------------------------
                // VIDEO
                //-----------------------------------------

                $t = preg_replace_callback( "#<!--id1-->(.+?)<!--id2-->#is", array( &$this, 'clean_video_tag'), $t );

IF YOU ARE USING IPB 2.2.x

Add Below:

                //-----------------------------------------
                // VIDEO
                //-----------------------------------------

                $t = preg_replace_callback( "#<!--id1-->(.+?)<!--id2-->#is", array( $this, 'clean_video_tag'), $t );

Save and upload sources\classes\bbcode\class_bbcode_core.php

Open jscripts\ips_text_editor.js

(Note: it's much easier to edit the javascript files you find in the board\Development\javascript_uncompressed\jscripts folder of your IPB download)

Find:

	/**
	* STD:
	* Insert video override
	*/
	this.insertvideo = function()
	{
		var _text = this.get_selection();
		_text     = _text.replace( /\n|\r|<br \/>/g, '' );

		var _url  = prompt( ipb_global_lang['editor_enter_video'], _text ? _text : "http://" );
		
		if ( ! _url || _url == null || _url == 'http://' )
		{
			return false;
		}

		if ( ! this.is_rte )
		{
			this.wrap_tags( 'video', false, _url );
		}
		else
		{
			this.wrap_tags( 'video', _url, '' );
		}
	};

Replace with:

	/**
	* STD:
	* Insert video override
	*/
	this.insertvideo = function()
	{
		this.wrap_tags_lite(  '[video]', '[/video]', 0)
	};

Save and upload jscripts\ips_text_editor.js

Support

If you have any questions about using this mod, be sure to post in its support topic at IPSBeyond, or Invision Modding.

Note that before you try out if the modification is working, remember to clean out your browser cache so that you will download the modified javascript file instead of using the locally cached one.

Thanks, enjoy!