BB Code Enhancements - Embed XHTML valid YouTube and Google Video into your posts

==============================
DON'T FORGET TO CLICK INSTALL!
==============================

Just thought I'd share what I did to allow my users to embed YouTube and Google Video videos into posts on my forum. This is my very first mod I've made since switching to vB, so forgive me if I screwed something up.


Demo:

http://forums.finalgear.com/test-for...-thread-14892/

The black bar will be different for you as it'll match your theme (it uses the same style as the whole quick reply box).


Upgrading from v1.x:

Just remove the plugin you added before (manage plugins -> delete) and then continue on to the installation instructions.

If you already have v2.x installed, you do NOT need to do this.


Installation:

Download and install the attached product. It will automatically create the new custom BBCode and add in some filtering plugins.

Save the two attached images and upload them to /images/editor/.


Usage:

Here's some examples:

[youtube]http://www.youtube.com/watch?v=hl2UUunlI2Q[/youtube]
[youtube]hl2UUunlI2Q[/youtube]
[youtube="http://www.youtube.com/watch?v=hl2UUunlI2Q"]Aston Martin Crash[/youtube]
[youtube="hl2UUunlI2Q"]Aston Martin Crash[/youtube]

[gvideo]http://video.google.com/videoplay?docid=3688185030664621355[/gvideo]
[gvideo]3688185030664621355[/gvideo]
[gvideo="http://video.google.com/videoplay?docid=3688185030664621355"]1980's Izuzu Gemini Advertisement[/gvideo]
[gvideo="3688185030664621355"]1980's Izuzu Gemini Advertisement[/gvideo]

Using vBAdvanced? It lacks the hook this plugin uses apparently, so if you wish to use this plugin with it, you need to use only the video ID and NOT the full URL for it to display correctly. Nothing I can do about it, it's vBAdvanced's fault.


How do I customize the look of the new box thingies?

Just edit the new custom BBCode items. It's in the admin area, near the bottom.

[Murty]

Is there someway that this can be used for like User Profiles? so they just need to insert the link and a profile field and it would show up in their profile?

[Protonus]

Originally Posted by Viper007Bond

Then how would it tell them apart if only the ID was entered?

As for the other sites, Break.com's embed code has nothing in common with the URL you view the video at, so it's out. Streetfire is doable. fquick.com wouldn't be used by many people, so it's not worth my time. ebaumsworld is also nearly there (is it really that hard to link to the video rather than embed it?).

I'm awaiting streetfire support before I install this one.. half of the streaming video posted on my site is from streetfire... the rest is likely youtube.

AS for a common tag, thats what Anymedia does, unfortantly it's still beta. I'd rather lose the ability to have it just play based on ID, to gain the ability to type one tag and have to enter the full URL.

[Viper007Bond]

Originally Posted by kellogs

Thank you for the great mod but it does not display the youtube inline video instead it is showing the link with youtube tag.

This is the link

http://www.fishingouting.com/forums/...html#post12258

Any idea?

TIA
-K

Originally Posted by kellogs

Sorry mate, i have clicked installed

Please share some ideas

Thank you
-K

You have color BBCode inside your [youtube] tags. As a result, the plugin aborts the replacement as it'd otherwise break the HTML.

Remove it and it should work fine.

[YOUTUBE]http://www.youtube.com/watch?v=90M39W9FIKA[/YOUTUBE]

[Viper007Bond]

Originally Posted by Murty

Is there someway that this can be used for like User Profiles? so they just need to insert the link and a profile field and it would show up in their profile?

No, that'd be totally separate. A custom profile field where they enter the ID and then a profile template edit would probably get the job done.

Something like this:

<if condition="$post['field9']"><object width="425" height="340" type="application/x-shockwave-flash" data="http://www.youtube.com/v/$post['field9']"><param name="movie" value="http://www.youtube.com/v/$post['field9']" /><param name="wmode" value="transparent" /></object></if>

[Viper007Bond]

Originally Posted by Protonus

I'm awaiting streetfire support before I install this one.. half of the streaming video posted on my site is from streetfire... the rest is likely youtube.

AS for a common tag, thats what Anymedia does, unfortantly it's still beta. I'd rather lose the ability to have it just play based on ID, to gain the ability to type one tag and have to enter the full URL.

One tag for all full URLs is possible, but frankly it's a pain in the ass and I don't see the huge advantage of it. I mean it's not that hard for a user to use a different tag per and it ensures that some unsupported site isn't tried.

I will make sure to add Streetfire in the recode that I'm currently working on.

[RaceJunkie]

Using vBAdvanced? It lacks the hook this plugin uses apparently, so if you wish to use this plugin with it, you need to use only the video ID and NOT the full URL for it to display correctly. Nothing I can do about it, it's vBAdvanced's fault.

this is the code I used in my post.

[YOUTUBE]frRx1CD-gts[/YOUTUBE]

If you look at my homepage you can see that the Video does not show up.

Did I miss something?
Late Model Rollover Crash (VIDEO)
www.localracechat.com

[Viper007Bond]

All my plugin does is transform the full URL into just the ID so the built in BBCode parser can use the custom BBCode this plugin adds to it can replace it with some working HTML.

So, since you're directly entering the ID and you're using vBAdvanced which doesn't even make use of my plugin, all you're left with is the custom BBCode that's been added to the list in the admin area by my plugin.

So, did you modify the BBCode at all there or something? I ask 'cause this is the HTML that should be displayed:

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="400" style="margin:10px 0">
<thead>
	<tr>
		<td class="tcat" colspan="2" style="text-align:center">
			<a href="http://www.youtube.com/watch?v=hl2UUunlI2Q" title="View this video at YouTube in a new window or tab" target="_blank">YouTube Video</a>
		</td>
	</tr>
</thead>
<tbody>
	<tr>

		<td class="panelsurround" align="center">
			<object width="425" height="340" type="application/x-shockwave-flash" data="http://www.youtube.com/v/frRx1CD-gts">
				<param name="movie" value="http://www.youtube.com/v/frRx1CD-gts" />
				<param name="wmode" value="transparent" />
				<em><strong>ERROR:</strong> If you can see this, then <a href="http://www.youtube.com/">YouTube</a> is down or you don't have Flash installed.</em>
			</object>

		</td>
	</tr>
</tbody>
</table>

Instead, this is what you get (ignore the lack of line breaks, that doesn't matter):

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="400" style="margin:10px 0"> <thead> <tr> <td class="tcat" colspan="2" style="text-align:center"> <a

Yeah, it just stops there...

[RaceJunkie]

No I installed it per the instructions.. Uploded the plugin then the images. I made no changes to the custom bb codes at all.

[SonicGT]

I added the mod, seems to work only if I do not use the full url, when I use the full url I am getting the box, but not video

[Viper007Bond]

Originally Posted by RaceJunkie

No I installed it per the instructions.. Uploded the plugin then the images. I made no changes to the custom bb codes at all.

Weird. Does it work on your actual forum?