How to properly embed a Youtube video in your post

Status
Not open for further replies.
the Interceptor

the Interceptor

I LUV MY PRIUS!!!
Joined
Feb 22, 2005
Messages
6,041
Location
ze Vaterland
Car(s)
VW Diesel of Death
Since not everyone is familiar with a forum and its technical possibilities, I thought I'd make a quick tutorial on how to embed a Youtube video in your post. So let's do it step by step:



1. Find the video code of the clip

If you want to post a Youtube video on the FinalGear forums, you likely are on Youtube.com already. If you found it embedded on another website, move your mouse cursor to the lower right corner of the video over the Youtube logo. A small info balloon saying "Watch on YouTube" appears:

https://pic.armedcats.net/t/th/the_interceptor/2009/08/11/01_-_going_from_embedded_to_youtube.PNG

If you click the logo, the same video will open directon on Youtube. What you are after is the code of the video, which is to be found in the address bar of your internet browser for every video (I highlighted it for demonstration purposes):

https://pic.armedcats.net/t/th/the_interceptor/2009/08/11/02_-_address_bar.PNG

This code is specific for every clip and links directly to the video you'd like to embed. Sometimes, the code is caught in a seemingly chaotic bunch of commands. But keep calm, since it can always be easily identified as a short string of characters and numbers to be found at this very position:

http: //www.youtube.com/watch?v=th_RpBbioco&eurl=http%3A%2F%2Fforums.finalgear.com%2Fvideo-offers%2Fedited-some-slow-motion-supercar-footage-from-last-summer-38138%2F&feature=player_embedded

Highlight the code by moving your mouse cursor between the equals sign and the first character of the video code, press and hold down the left mouse button, move the mouse cursor to the end of the video code and release the button. Then press the keys <CTRL> and <C> on your keyboard to copy the code into the clipboard of your computer.




2. Open a post on the FinalGear forums and embed the video

Having retreived the video code, you can open your post on this forum. Given you're finished the surroundting text (if there is any), click on the Youtube button in the symbol bar of your text editor:

https://pic.armedcats.net/t/th/the_interceptor/2009/08/11/03_-_youtube_button.PNG

It will generate a set of tags to put your video in. If you know HTML, you will know these tags. If you don't: the tags simply indicate the beginning and the end of a specific command. In this case, the beginning of your Youtube command is identified by "[ YOUTUBE ]", the end (always to be recognised by the forward slash before the command) by "[ /YOUTUBE ].
Now, all you have to do is put your video code inbetween those tags. To do so, you click right between the end of the start and the beginning of the end tag (...TUBE]here![/YOU...]) and press <CTRL> and <V> on your keyboard to post the video code. What you should end up with is something like this:

https://pic.armedcats.net/t/th/the_interceptor/2009/08/11/04_-_youtube_tags_and_code.PNG

It is vital that you only post the code of the video. If you put less or more than that between the tags, the video will not play!




3. Check if the embedding works

Chances are you've made an error, or that the uploader forbid to embed the video externally. Whichever way fate struck, you should invest the few seconds to check whether the embedding works by clicking the "Preview Post" button, located below your forum's text editor. If you did everything right, your video should come up like this:

https://pic.armedcats.net/t/th/the_interceptor/2009/08/11/05_-_embedded_video.PNG

If it doesn't, go to your post and check if everything is alright. Are the Youtube tags intact? Is the code complete? If you get an empty Youtube video frame with an error message, the tags are good, but the code is messed up. Every other problem can go in this thread in the future I suppose.

Klankymen added the option of advanced embedding, which will give your video a configurable title. Check out how to do that in the post right after this one.

Good luck! :p
 
Last edited:
the Interceptor said:
Now, all you have to do is put your video code inbetween those tags. To do so, you click right between the end of the start and the beginning of the end tag (...TUBE]here![/YOU...]) and press <CTRL> and <V> on your keyboard to post the video code. What you should end up with is something like this:
Click to expand...

You forgot a slash, I marked it in magenta.


Also, additionally you can do it like this:

[ youtube=WNLq1-O8MpY]Fick Dich Weg du Homof?rst [ /youtube]

causing the youtube embed to have a title, like this:

[youtube=WNLq1-O8MpY]Fick Dich Weg du Homof?rst[/youtube]
 
Got it! Nice choice for a demo there btw! :mrgreen:

I won't add your option to keep it simple, however, I will refer to your post for those who want to go deeper into the business of embedding. :lol:
 
Last edited:
You made it much more complicated than it needs to be. This works fine: ;)

[YOUTUBE]http://www.youtube.com/watch?v=th_RpBbioco&eurl=http%3A%2F%2Fforums.finalgear.com%2Fvideo-offers%2Fedited-some-slow-motion-supercar-footage-from-last-summer-38138%2F&feature=player_embedded[/YOUTUBE]
Click to expand...

[YOUTUBE]http://www.youtube.com/watch?v=th_RpBbioco&eurl=http%3A%2F%2Fforums.finalgear.com%2Fvideo-offers%2Fedited-some-slow-motion-supercar-footage-from-last-summer-38138%2F&feature=player_embedded[/YOUTUBE]
 
Funnily, I copied your exact link, and this is what it looks like for me:[YOUTUBE]http://www.youtube.com/watch?v=th_RpBbioco&eurl=http%3A%2F%2Fforums.finalgear.com%2Fvideo-offers%2Fedited-some-slow-motion-supercar-footage-from-last-summer-38138%2F&feature=player_embedded[/YOUTUBE]

EDIT: Strange! In the preview it doesn't work, but when I post it, it does. Hang on...

EDIT #2: Here's a screenshot of the preview of that very same link in a new post:
https://pic.armedcats.net/t/th/the_interceptor/2009/08/13/youtube_preview.PNG
 
Last edited:
Yeah, the vB plugin I wrote that converts the URL to just the ID only works in posts, not the preview. I'm too lazy to fix it.
 
Viper007Bond said:
Yeah, the vB plugin I wrote that converts the URL to just the ID only works in posts, not the preview. I'm too lazy to fix it.
Click to expand...
Ah, so basically, the Youtube tags still only take the video code, but you wrote a workaround which extracts the video code and properly embeds it, but the workaround doesn't work on previews.
 
Your "basically" was a longer and more winded description than Viper's... o_O

Oh, this also works for google video and vimeo. You just have to use [google] and [vimeo] tags.
 
Nice to know that, I think I'm gonna have to completely rewrite my "how to".
 
Alternatively to clicking on the "Watch on Youtube" button in the lower right you can simply click the title or copy the link address directly.

https://pic.armedcats.net/f/fl/fluke667/2009/08/13/link.jpg
 
Nice. appreciated.
 
fluke667 said:
Alternatively to clicking on the "Watch on Youtube" button in the lower right you can simply click the title or copy the link address directly.

https://pic.armedcats.net/f/fl/fluke667/2009/08/13/link.jpg
Click to expand...
That's just for this forums, I've seen on other websites that embed without the title bar so there's no quick and dirty way of copying the link.
 
The YouTube BBCode, the box, the URL parsing plugin, etc. are all custom code I wrote just for these forums. It is available on vBulletin.org though.
 
I can't believe i learned a new german word today.
I can't belive how often i read it on this single page.
I can't belive that i actually find it funny.

Homof?rst. Really.

The whole purpose of this post, of course, is to have written it by myself once.
 
Dr_Grip said:
I can't believe i learned a new german word today.
I can't belive how often i read it on this single page.
I can't belive that i actually find it funny.

Homof?rst. Really.

The whole purpose of this post, of course, is to have written it by myself once.
Click to expand...

I was at a small independent film festival the 2 weekends ago.

There were some boys around the age of 11 or so playing soccer.

My friends and I were sitting around, sippin some beer.

All of a sudden we heard one of the kids yell "HEY! Du Homof?rst!"

Hilarity ensued :lol:
 
Even more hilarous is that it's a literal translation of the quite normal english name Gaylord - even though urban dictionary disagrees with wiki here to agree with your foul-mouthed teens ;)
 
Viper007Bond said:
You made it much more complicated than it needs to be. This works fine: ;) YOUTUBE]http://www.youtube.com/watch?v=th_RpBbioco&eurl=http%3A%2F%2Fforums.finalgear.com%2Fvideo-offers%2Fedited-some-slow-motion-supercar-footage-from-last-summer-38138%2F&feature=player_embedded[/YOUTUBE]
Click to expand...


Hello, sorry to bother but when i wrote earlier today post on "introduce yourself" and later on was verified i tho that my youtube link would be seen as above examples.. and it didn't. So i ended here, and tried the steps of Interceptor and somehow i'm still failing to preview it properly. I really tried several times, even with klankymen version as-well but no luck yet. I don't think i be changing the post for 3rd time, and since it gone to verification again (sorry mods) i would want the know-how if so in the future i can save the hassle. Thanks in advance


Finally had it working, was missing something.. at the end of the vid code you need to add &feature=player_embedded or at least that worked for me :p
 
Last edited:
This thread is way out of date. Just press the
video.png
button in the editor.
 
Status
Not open for further replies.
Top