How To: Embed Your Videos (YouTube and Google Video)

[proof]

OK, Morpheus has now added a feature which allows us to embed our favourite videos into our posts. There has been some confusion, so here is the comprehensive guide on how to do it. It will be updated with other video sites soon.

YouTube

Step 1
Find your video from YouTube that you want to embed.

Step 2
Copy them embed tag on the right;

http://img501.imageshack.us/img501/2002/embed1wo9.png

Make sure you copy it all. For my example, my embed tag is;
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/B8H29jU8Wrs"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/B8H29jU8Wrs" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

The underlined is the bit you need ;)

Step 3
Delete everything up to http://. That includes the "".
You should now have;
http://www.youtube.com/v/B8H29jU8Wrs

Step 4
Put in this new URL into embed tags, which are;
[ embed ] [ /embed ] DO NOT INCLUDE THE SPACES!

You should now have your video in your post, don't forget your 5 words :)

http://www.youtube.com/v/B8H29jU8Wrs

================================================== =====================

Google Video's

Step 1
Find the Google Video that you want to embed.

Step 2
Click on the "Post to My Space" link on the right;

http://img73.imageshack.us/img73/4182/embed2px1.png

Step 3
Click on the "Embed HTML" link just under the My Space link;

http://img133.imageshack.us/img133/2668/embed3rp8.png

Step 4
Copy the code that appears under it;

http://img133.imageshack.us/img133/3673/embed4ya2.png

For my example, it will be;
<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=5682610600698523988&hl=en-GB" flashvars=""> </embed>

Step 5
Paste it in embed tags. These are; [ embed ] [ /embed ]. DO NOT INCLUDE THE SPACES

Step 6
Delete everything around the bit we need. We need the bit that is underlined;
<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http ://video.google.com/googleplayer.swf?docId=5682610600698523988&hl =en-GB" flashvars=""> </embed>

You should now have;
[ embed ]http://video.google.com/googleplayer.swf?docId=5682610600698523988&hl[ /embed ] WITHOUT THE SPACES IN THE EMBED TAGS

http://video.google.com/googleplayer.swf?docId=5682610600698523988&hl

There you have it, your Google Video is embedded in your post :)

[RedOrb_Collector]

Thank a lot for the tutorial. I was confused about this.

[Beemer]

perhaps now we won't see anymore links to youtube. I've been embeding vids for people all week.

[Blu-Ray]

Thanks man, I thought I would never be able to put thing on here.

[Cyrann]

Thanks for posting, it was nice of you to help people out!

[Voice Of A Riot]

Hmmm really simple and yet I couldn't figure it out. :dunce This should be stickied.

[Blu-Ray]

Im going to try

"http://www.youtube.com/v/B8H29jU8Wrs"

[proof]

Blu-Ray, i told you that you needed your 5 words :p. If you need any help, then just ask :)

[Blu-Ray]

Ok, HOW THE HECK DO YOU DO THIS?

I can't seem to figure this out. :(

Oh I think I get it

http://www.youtube.com/v/B8H29jU8Wrs

[Beemer]

perhaps it would be best if in the OP the user highlighted the URL needed. I'll do it here but the 1st post should be edited.

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

the bolded part needs to put inbetween the embed tags. Not the 1st URL!!!!! Use the url after the src=" term.

[proof]

Its easy, [ embed ] Your video embed link, not the straight URL [/ embed]. Also, do not include the spaces. The embed URL and the actual URL are different, you have the wrong one :)

Edit: I have edited the original post to help clear things up :)

[Beemer]

Its easy, [ embed ] Your video embed link, not the straight URL [/ embed]. Also, do not include the spaces. The embed URL and the actual URL are different, you have the wrong one :)

there are two URL terms in the embed part that you copy. You should change the OP to show which one to use (the second one).

edit: to the OP you forgot to close your underline tag you have [u]...[u] you need a dash before the second "u"

[Blu-Ray]

I know I got it now. :)

I think that all unhelpful post should be deleted in this thread. It should also be a Sticky.

[proof]

Glad you got it now Blu-Ray, bet your feeling great now :p

[solinent]

I'll make an online tool, one second.

EDIT: I don't really have any FTP at the moment, so I'll just give the php code here to see if anyone wants to expand it.


<?php
$subject = $_POST['eCode'];
$pattern = '/.*?\"(http://.*?)".*?/';
preg_match($pattern, $subject, $matches);
$code="["."embed]".$matches[0]."[/embed]";
echo "Here's your code: <br /><br /> <br />";
echo $code;
?>


Untested, but paste that in a php script and it should work. I had to do something really awkward to avoid it trying to embed on the forum (the [code tag seems to be functioning wrong).

[nekon]

I don't know why the staff doesn't add a button for You Tube to the editor. :confused:

It's an easy fix for them.. something to the right of the php button..

[solinent]

I don't know why the staff doesn't add a button for You Tube to the editor. :confused:
It's an easy fix for them.. something to the right of the php button..

Look at my script. That is the solution. Ask someone who can host it to do so.

Oh, it accepts a post variable, so make sure a form points to it with "eCode" as the field they input their code.

[nekon]

Look at my script. That is the solution. Ask someone who can host it to do so.

Oh, it accepts a post variable, so make sure a form points to it with "eCode" as the field they input their code.

Nice contribution but the code is already done and supports both google and you tube videos.

See here: http://www.vbulletin.org/forum/showthread.php?t=130868&highlight=youtube

It even includes icons, ya'll know I love icons :mrgreen:

[Killller]

Or you can just copy the URL of the video that's right above the Embed on youtube and put it in embed tags...easier.

edit:

whoops...nevermind that doesn't work

[nekon]

Or you can just copy the URL of the video that's right above the Embed on youtube and put it in embed tags...easier.

Easier then pressing a button? :shock:

The link I provided is for the staff so they can modify the editor permanently. Then all we'll have to do is press the button and paste the url like inserting a picture. [presses staples easy button] :DD

[solinent]

My code isn't secure enough to be what that vbulliten one claims to have. Mine is a tool to generate the vbcode. I guess it is already made as a plugin.

I haven't coded a preg_match PHP thing in a while so I thought it would be simple.

More php for that (just the above URL not the one we want):) :


<?php
$code = preg_replace("/http://*.?\?v=(*.)/", "["."embed]http://www.youtube.com/v/$1", $_POST['eCode']);
echo "Here's your code: <br /><br /><br />";
echo $code;
?>


Hey! I have FTP now, I'll upload it and see if they work (probably not!)

Ey! Here it is. Use the URL of the page that you want.

lol I just did it for fun. If it eats my bandwidth (I doubt it, its like 5 bytes...) then I'll take it down.

http://runeap.com/convertStuff.php

[proof]

Its not hard guys, its so simple. After you do it a few times, it becomes second nature.

[Fangrim]

Quick comment Grim:

You can use these two flags: to type the embed codes without having to use the space.



Very good tutorial btw!

[FreeBird]

Yeah those forums allow posting videos. Pretty cool ;) But most do not.

[Aquanox]

Thank you for the tutorial buddy.

I'm glad this new feature is being used and loved by many already :mrgreen:

[harrisk954]

Nice addition to the boards. Good work adding this feature.

[proof]

Metacafe comming tomorrow. From what i have briefly looked at in the last 5 minutes, this one should be far simplier.

[Tobian]

I tried to 'embed' a youtube video but it did not work. I feel like such a noob. :(

Also, maybe we should move/sticky this in the 'entertainment' subsection so it won't get lost easily.

[proof]

Sorry to bump an old thread, i was looking through the threads that i have marked, and i saw that you needed help Tobian. have you figured it out? Or do you need some new info?

[softtack]

It's from about a month and a half ago so I pretty sure he's got the hang of it by now. (I hope) :)

[Cyrann]

Stickied now, so people can figure this out!

[Firewarrior]

Hehe I put this idea or suggestion through to the Suggestions forum glad it's here.

Thanks Mods and Admins. :)

[prisoner_of_war]

OK, so let me try this.http://www.youtube.com/v/60og9gwKh1o
*EDIT* Dang I don't know what you mean by the embeded tags. little help via PM would be nice Thanks!
*EDIT* Oh, think I got it now let me try.http://www.youtube.com/v/60og9gwKh1o

[ajrobin]

you need to put it like this link[/embed ] (remove spaces)

edit: i tried it and here it is pow (you need to remove the hyperlink from the link, either copy it into notepad and back or click go advanced highlight the link and click the remove link button)

[embed]http://www.youtube.com/v/60og9gwKh1o

[prisoner_of_war]

OK, let me try again.http://www.youtube.com/v/60og9gwKh1o
YES!!!! I got it. Thanks AJ a lot!!!!!!!!!!!! It runs but any time I touch a button on it I can here the adio but it opens another tab and says 500 error it works on AJ'S fine. Any help.*EDIT* Ok I'll try it*EDIT*thanks AJ I got it.+rep for you

[SnakeDevil]

http://www.youtube.com/v/859GAKA6x2w

Oh thanks +Rep for the info

[ps3isawesome]

Ok let me try now .... http://www.youtube.com/v/YzNqdT-o09o .. hope it works

nope ... why not

[Terz]

It didn't work for me...

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

[Terz]

Sorry for double posting, but I made it work.

http://www.youtube.com/v/itxBgzQ7T98

[proof]

Hmm, i was just glancing through my threads and i saw this. Is there any other video sites that somebody would like me to make a tutorial for? I can do it when ever, so just shout if you do.

[ryanworldleader]

http://www.youtube.com/v/kHmvkRoEowc

Just a practice.

5 words 5words.


EDIT: IT WORKED!!!

BTW this guy is such a homo!!

LEAVE BRITNEY ALONE!! LoL!!

[Rynoboy]

http://www.youtube.com/v/lj3iNxZ8Dww
I am just testing

[jakncoke]

I wish people would actually do it when posting in the youtube threads.

[Wrath]

Help! Why is it that I can´t embed gametrailers.com videos anymore?

Let´s take this video for example: http://www.gametrailers.com/player/27173.html

This is what I do:

First of all I copy the embed link given on the site itself. It should look like this:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="gtembed" width="480" height="392"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="true" /> <param name="movie" value="http://www.gametrailers.com/remote_wrap.php?mid=27173"/> <param name="quality" value="high" /> <embed src="http://www.gametrailers.com/remote_wrap.php?mid=27173" swLiveConnect="true" name="gtembed" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="480" height="392"></embed> </object>

I then delete everything up to this point:
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0

Finally I put the embed tags around it: [embed ] ; [/embed ] (without the spaces)

But if I want to test it out it simply shows no image whatsoever! What am I doing wrong?

EDIT: Never mind, I just got it to work! It turned out that I deleted the wrong part of the link which is why I didn´t see anything... Glad I got that solved!

[QuickSilverD]

So that's why I could never embed videos properly, I always copied the URL and put it inside the tags. Silly me.

[UltimaMasamune]

http://www.youtube.com/v/dYUtKKbBTkw&rel=1

Why isn't this working![/Vergil]

[DangerousMali]

<A href="http://www.youtube.com/v/5vTzmQ44kp8&rel=1"></param><param">http://www.youtube.com/v/5vTzmQ44kp8&rel=1"></param><param

i think i need help dudes

[DangerousMali]

http://www.youtube.com/watch?v=oTFpK1YiUGg

[ryans11]

Thanks man
it was nice of you to help people out!

[DangerousMali]

can someone please help me plus rep for anyone who can

[DangerousMali]

<object type="application/x-shockwave-flash" data="http://youtube.com/watch?v=D0MTpCLjIJM&feature=related" width="400" height="326"><param name="movie" value="http://www.youtube.com/v/moviecode" /></object>

[miamiman]

Lol, Mali you suck... :lol:

1. Okay when you go to youtube look to the right of the video and copy the embed link

2. Paste it in your post.

3. On the left side of the link type ["embed"] and on the right side ["/embed"] without quotations (")

4. Delete the unnecessary stuff: The beginning of the link up to where it says source=" and after the link's number with "

Edit: Mmmkay I don't think I was too clear with the last part, so I'll use an example. So you have your link:

{<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/vvV_eO-PMQ0&rel=1"></param><param name="wmode" value="transparent"></param><embed src="}http://www.youtube.com/v/vvV_eO-PMQ0&rel=1{" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>}

The parts you want to delete are marked by the bold brackets "{}"

So you'll be left with: http://www.youtube.com/v/vvV_eO-PMQ0&rel=1

Just put your embed tags around it and you have ["embed"]http://www.youtube.com/v/vvV_eO-PMQ0&rel=1["/embed"] but without the quotation marks (")

You end up with: http://www.youtube.com/v/vvV_eO-PMQ0&rel=1

I basically copied the Original Post :oops:

[DangerousMali]

http://www.youtube.com/watch?v=Zq0kBEOCmr4

[miamiman]

Try again, I edited the post to try and clarify :)

[DangerousMali]

okay dude i'm trying now ...

<A href="http://www.youtube.com/v/JqvSlY96zaU&rel=1"[/embed">http://www.youtube.com/v/JqvSlY96zaU&rel=1"

[miamiman]

<object width="425" height="373"><param name="movie" value="<A href="http://www.youtube.com/v/Zq0kBEOCmr4&rel=1&border=1"></param><param">http://www.youtube.com/v/Zq0kBEOCmr4&rel=1&border=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Zq0kBEOCmr4&rel=1&border=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="373"></embed></object>

Ok , so we'll use your link. What you want to delete are the parts that are going to be in red text:

<object width="425" height="373"><param name="movie" value="<A href="http://www.youtube.com/v/Zq0kBEOCmr4&rel=1&border=1"></param><param">http://www.youtube.com/v/Zq0kBEOCmr4&rel=1&border=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Zq0kBEOCmr4&rel=1&border=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="373"></embed></object>

Now just put the embed tags around that and you have:

http://www.youtube.com/v/Zq0kBEOCmr4&rel=1&border=1

[DangerousMali]

http://www.youtube.com/v/Zq0kBEOCmr4&rel=1&border=1

could it be my computer otherwise im doomed

[miamiman]

No, make sure your code isn't hyperlinked.

[DangerousMali]

how do you turn off hyperlink

[miamiman]

It's this symbol: http://www.ps3forums.com/pimages/editor/unlink.gif

I have no idea why your code is like that though.

[DangerousMali]

man i dont know why this is happening

<A href="http://www.youtube.com/v/CPoI5gWhC6w&rel=1"[/embed">http://www.youtube.com/v/CPoI5gWhC6w&rel=1"

[proof]

I can, whats wrong? You should just be able to follow the instructions. Which bit is casuing you trouble?

Thanks man
it was nice of you to help people out!
I started to get annoyed at all the wrong coding and all the YouTube links all over the palce. It didn't take long, and it helped people out, so i thought why not :)

[miamiman]

man i dont know why this is happening

<A href="http://www.youtube.com/v/CPoI5gWhC6w&rel=1"[/embed">http://www.youtube.com/v/CPoI5gWhC6w&rel=1"


Lol, I wish I was there so I could help you :snicker

Maybe Grim can help you out

[DangerousMali]

well dude everytime i copy an embed code from youtube

i take out the so called unnessaries

then put in embed code

but the videos doesnt show just empty space

[proof]

OK, here is a different example;
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/FLn45-7Pn2Y&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/FLn45-7Pn2Y&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

So i would take the following;
http://www.youtube.com/v/FLn45-7Pn2Y&rel=1

With this, i would put it in embed tages; these are (WITHOUT THE SPACES)
[embed ] [/ embed]

So, my final product would be (WITHOUT THE SPACES;
[embed ] http://www.youtube.com/v/FLn45-7Pn2Y&rel=1 [/ embed]

Hope this clears things up for you :)

[miamiman]

Lol, way better teacher than me which is why he started the thread.

[DangerousMali]

http://www.youtube.com/v/i3Z4K_WWeBA&rel=1

mate you instructions are very clear but something wrong could it be my computer and there also seems to be extra text showing up WTH ???

[miamiman]

http://www.youtube.com/v/i3Z4K_WWeBA&rel=1

mate you instructions are very clear but something wrong could it be my computer and there also seems to be extra text showing up WTH ???

It's definitely not your computer... if I quote your post I could see you did everything right except that your code is linked. I don't know why though.

[DangerousMali]

OMG I FINNALLLLLLLY DID IT I TOOK OF THE HYPERLINK

death to hyperlink lool

plus rep to both of you guys for wasting your time on me lol

[miamiman]

No prob man.... I knew you'd eventually get it :D

BTW, that's a dope video... Lupe FTW.

[DangerousMali]

http://www.youtube.com/v/uhZ5LxB_x2A&rel=1

just practising

[joeold]

http://www.youtube.com/v/WSOUpNDW93A

took me to tries to test and got it to work. :D

[hockeydude30]

Ahhh some one screwed up, firefox wants me to install plugins, I think one of you is trying to hack me. >_<

[thats_that]

wait when i copy the embed thing i get 2 underlined things,lemme show you

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

http://www.youtube.com/v/P6dUCOS1bM0

SO **** CONFUSING GOD ****ING **** GO TO HELL YOU STUPID COMPUTERS ARGGGGGGGGGGGG!! GOD **** **** **** PIECE OF **** *****!

i feel better know,but,how do you do this?

http://www.youtube.com/v/nmDf6SnTVxg

Quadruple posting is against the rules ~ Behemoko

[Nuvian]

ok im gonna give this a shot,just practicing now.
http://www.youtube.com/v/autJDL8RzZ8&h

[Hemin]

http://www.youtube.com/v/kYgV2GlsufI&hl=en
lets see if it works... what did i do wrong?????

http://www.youtube.com/v/vvV_eO-PMQ0&rel=1

finally got it!

[Laser]

Just practicing to make sure I know how.


http://www.youtube.com/v/ZGA0K3EikRA&hl=en

[thats_that]

<http://www.youtube.com/v/YXG83p2nkHw&hl=en

[1lyi1]

You need to add how to do GameTrailers videos, a lot of people don't know that you can just copy and paste the link in the address bar.

[playstationed]

Thanks for the walkthrough i need to make sure if i was doing it right.

[-Torres-]

Yeah, I needed to know how to do this. :)

[johndavid_9696]

This is a nice web site to gain knowledge. I came to understand clearly how place the youtude or google viedo's. The full procedure how put a viedo and edit it and how to replace it the full details were clearly mentioned thanks for the master. I had searching for this since many days.


================================================== ========

john

cheapest loans (http://www.cheaponline-loans.co.uk/)

[playstationed]

ok thank for the information

[scottscorpion]

just write the url from address bar at top of youtube page....no need for embed tags

http://uk.youtube.com/watch?v=1eDYUyskXYw

[scottscorpion]

lol maybe u do need them...usually works without

[zodiac308]

http://www.youtube.com/v/YXCCDrWnUVM&hl=en&fs=1

[FrostyCass]

Just practing as I just suck getting this to work so far.
http://www.youtube.com/v/GWKDlF_oAXI&hl=en&fs=1


http://www.youtube.com/v/BR9qpnSspiU&hl=en&fs=1

wow finally got this to work!

[Ubersnuber]

Just practing as I just suck getting this to work so far.
http://www.youtube.com/v/GWKDlF_oAXI&hl=en&fs=1


http://www.youtube.com/v/BR9qpnSspiU&hl=en&fs=1

wow finally got this to work!
Hate to piss on your parade, but, all you need now is to post the the link:p
F.ex:
The first one you embedded: [*http://www.youtube.com/watch?v=GWKDlF_oAXI*]
Remove the [* *] and you'll find that he embedding will be taken care of automatically.

[thekingtut]

http://www.youtube.com/v/ABqh9N-Mw5E&hl=en&fs=1

This has got to be witchcraft.

Wow, you guys make this stuff look easy. I had to look at the OP for reference like five times. Hope I get it right.