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;



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

[embed]http://www.youtube.com/v/B8H29jU8Wrs[/embed]

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

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;



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



Step 4
Copy the code that appears under it;



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

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

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. This should be stickied.

[Blu-Ray]

Im going to try

[embed]"http://www.youtube.com/v/B8H29jU8Wrs"[/embed]

[proof]

Blu-Ray, i told you that you needed your 5 words . 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

[embed]http://www.youtube.com/v/B8H29jU8Wrs[/embed]

[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

[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.

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.
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/showt...hlight=youtube

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

[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?

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] D

[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: [noparse] [/noparse] to type the embed codes without having to use the space.

[embed] [/embed]

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