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.

[tehPARADOX]

Originally Posted by RidinHighSpeeds

Now if I submit my reply without entering in a title within the tags, it does not display the video.

I am having this particular problem, & although you've replied to it; it didn't really address how to fix this issue.

Perhaps you or the plugin forgot to add in the custom BB code for YouTube Video with No Title, such as the Google's Google Video with No Title BB code. So posting a youtube video without title will not display.

EDIT: Did a complete uninstall and reinstall, now missing custom bb code is added. Not sure why it didn't have it in the first place, so please disregard this post.

[yaworski]

This is great but you should consider adding something like this:
Add this to the <tr> where the flash object is in.

style="display: none"

and add this just after that one (that with flash object)

	<tr>
		<td onclick="this.parentNode.style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('tr')[0].style.display = '';">
		Click here to display the video.
		</td>
	</tr>

I tested it on FF2.0 and IE7 and this works good. Don't know if it works on IE6 yet, because I don't have it anymore. Opera should be fine.

I checked this on FF with Temper Data extension (shows requests that are made by FF) and the flash is not loaded when it is not displayed (display: none) and loads just after clicking on the predefined text. I know that not everyone will want that change so maybe you could add this as an alternative version? This would save users some bandwidth when they open thread with many videos (not everybody wants to watch all the videos).

----edit----

Oh and one more thing. I think that using opaque wmode in flash is slightly faster than transparent (it doesn't need to check if flash has transparent parts). This still works like transparent in context of dynamic html (works well with z-index).

[taumau]

How about DailyMotion videos?

[Viper007Bond]

Originally Posted by taumau

How about DailyMotion videos?

Sadly the embed code has nothing in common with the URL in your address bar, so it makes it rather hard for the average user.

[Da`Nacho]

Great work, but you need to make this more aware of vBulletin's NOPARSE bbCode.

I've noticed from your example page that you don't seem to be aware of it either. (You've got spaces in your example bbcode to avoid parsing instead). If you wrap code in [noparse][/noparse] tags then vBulletin will not parse any bbCode commands inside them. This was added in 3.5.x and up. It's VERY handy for showing examples to your forum members!

I've noticed (when citing examples for the members of my forum) that if you wrap your bbcode (gvideo] or [youtube] in noparse tags, and you have a Youtube or Google URL inside, the Google Video or Youtube document id will still be parsed out of it and displayed instead of the entire URL.

so for example:

[noparse][youtube]http://www.youtube.com/watch?v=XhgVIbO83o4[/youtube][/noparse]

will actually display

[noparse][youtube]XhgVIbO83o4[/youtube][/noparse]

[tanyeri24]

Originally Posted by Breathex

i also need this as soon as possible please

here too

[VG Pros]

I installed this on 3.6.5 and when I highlight the url and then click on the YouTube button it says it puts [youtube]http://example.com[/youtube]. Then I post it and all I get is a link. Then I went to edit it and this is what it looks like:

[youtube]
[/youtube]
[youtube][url]http://www.youtube.com/watch?v=Q7Us6a-8cck[url][/youtube]

[Queball_Beast]

I too am having this same problem with 3.65 is there a fix for this or a reason why it is happening?

Originally Posted by VG Pros

I installed this on 3.6.5 and when I highlight the url and then click on the YouTube button it says it puts [youtube]http://example.com[/youtube]. Then I post it and all I get is a link. Then I went to edit it and this is what it looks like:

[youtube]
[/youtube]
[youtube][url]http://www.youtube.com/watch?v=Q7Us6a-8cck[url][/youtube]

[bornoffire]

Originally Posted by Queball_Beast

I too am having this same problem with 3.65 is there a fix for this or a reason why it is happening?

Make that 3

[Queball_Beast]

I read through all threads and stil have not found a fix, does anyone have a fix for this issue?

[

youtube]
[/youtube]
[youtube][url]http://www.youtube.com/watch?v=Q7Us6a-8cck[url][/youtube]