BB Code Enhancements - YouTube BB Code (W3C-compliant!)

I searched for a decent YouTube BB code tag here, but every single one of them uses the embed tag, which is an illegal XHTML tag. I set out to find a way to create a W3C-compliant YouTube BB code tag, and this is what you see here.

Title: YouTube
BB Code Tag Name: youtube
Replacement:

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/{param}&fs=1&hd=1" width="644" height="390"><param name="movie" value="http://www.youtube.com/v/{param}&fs=1&hd=1" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><a href="http://www.youtube.com/watch?v={param}">http://www.youtube.com/watch?v={param}</a></object>

Example: [youtube]zlfKdbWwruY[/youtube]
Description: Embed a YouTube video. You <b>only</b> put the video ID in between the BB code tags (<b>NOT</b> the full URL!). Embedding <b>must</b> be enabled for the video!
Use Option: No
Image:

Important Note!
A link to the YouTube video is displayed if the YouTube video fails to load. There are a variety of reasons this might occur:

- You didn't properly enter the video ID between the BB code tags.
- You don't have the latest version of Flash.
- You are using Firefox and have a conflicting extension (AdBlock, NoScript, a Greasemonkey script, etc).
- The video doesn't allow embedding.
- You have some other problem on your end (corrupt browser install, spyware, virus, etc.).
- YouTube is currently having a problem.

[phonexpo]

Installed, working perfectly.

Thanks

-Patrick

[manofphat]

I'm looking for a way to convert the YouTube posts generated by this mod on my 3.8.0 forum to the new vBulletin 4.0 media embedding system. Any suggestions?

[Fangs404]

Originally Posted by manofphat

I'm looking for a way to convert the YouTube posts generated by this mod on my 3.8.0 forum to the new vBulletin 4.0 media embedding system. Any suggestions?

I don't have vB4, so I'm afraid I can't help you right now.

[salvador21]

I think you would do a search (in the database?) for [YOUTUBE] tags, replace with [VIDEO] and aff the youtube full URL.

Not something I would like to try.

[cayne]

Installed the code and it works like a charm. Thanks for your work!

But I got a question, it has only partly something to do with your code, but I'm sure you can point me into the right direction.

You gracefully included the YouTube buttons, but I don't know how I can make them appear on my forum, when I go to "advance reply" like it is done on this board:



What option do I have to edit in order to make the button show up there?

Thanks in advance!

[Fangs404]

Originally Posted by cayne

Installed the code and it works like a charm. Thanks for your work!

But I got a question, it has only partly something to do with your code, but I'm sure you can point me into the right direction.

You gracefully included the YouTube buttons, but I don't know how I can make them appear on my forum, when I go to "advance reply" like it is done on this board:



What option do I have to edit in order to make the button show up there?

Thanks in advance!

When you add the BB Code, just make sure "Button Image" is set to the correct path.

[AllinJac]

I think you guys were referring about this:

When you have a video and you have other Javascript items there is an issue because the window for the video will appear OVER the window of any other item you have on the page and it looks off...

I know exactly how to fix it if you use HTML... I also know for sure that we could create some kind of CSS addition that would allow for this to be done across the board as apposed to having to change the code each and every time...

<object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/afktJyLhO7Y&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="transparent"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/afktJyLhO7Y&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340" wmode="transparent"></embed></object>

The key is wmode="transparent and that if used as HTML will make it go behind the page or be transparent behind other we items...

If anyone is capable of doing a CSS addition that we could have this wmode="transparent automatically work with the [youtube] video embed that would be just awesome!!!

THANKS

[AllinJac]

Originally Posted by segwayon

I noticed that when viewing a thread with this BBcode embedded YouTube video that the "Thread Tools"/"Search this Thread"/"Rate Thread"/"Display Mode" drop-down menus get covered up by the video when those menus are clicked on. All I can see are the first two menu drop-down options. (Most of our embedded videos are contained in their own threads, so the videos are always in post #1 of each of the video-forum threads. If the videos were only within posts #2 or greater then this issue wouldn't happen, since the thread menu links are immediately above post #1.)

Is there a way to make sure that the YouTube video doesn't get placed on the top-most layer of the thread?

YES I got it fixed I had the exact same issue and I was trying to figure out where to put the code to take care of it globaly... And silly me did not think of looking in the BB Code in the ADMIN CP

So for sure this works

<object width="425" height="350"><param name="wmode" value="transparent"><param name="movie" value="http://www.youtube.com/v/JFwCCL0Vh6U"></param><embed src="http://www.youtube.com/v/JFwCCL0Vh6U" type="application/x-shockwave-flash" width="425" height="350" wmode="transparent"></embed></object>

Just go to the BB Code in Admin CP and edit the page...

Place the above text in there and you are GOLDEN!

Wow this is cool this is the first time I have actually helped someone fix something rather then crying and looking for someone to repair my bad fixes LOL!!!

Hope this helps!!!

[LOKIN510051]

muy bueno gracias

[Suiram]

Originally Posted by Fangs404

OK, HD videos will work again. I had to change &fmt=22 to &hd=1.

cool, so i can finally (again) have youtube clips that are high-def, automatically play @720. but is there a specific code that plays the clip @1080? (yes, obviously the clip would have that resolution). just for kicks, i tried &hd=0 & &hd=2 and that just plays them @360.

in fact, is there a specific number or code for all available resolutions? ie: is there one for 480?

thanks,