Instructables
It's super easy for Google video, Yahoo! video, Metacafe, Brightcove, Revver, Blip.tv, and YouTube!

Put the URL of the video into our Video function inside some square brackets like this:
[[Video(http://www.youtube.com/watch?v=woxc2eIedlM) ]]
The video will appear in the text section of your Instructable's step. You can adjust the size of the video by doing this:
[[Video(http://www.youtube.com/watch?v=woxc2eIedlM, {width:500, height:400} ) ]]

You can also use the tool bar above most text boxes. Click the video button and drop in the URL of the video. Use the URL that takes you to the actual page on the video site with your video, not any special "embed this" URL. We'll take care of all the processing!

**Check out step 2 to see how you can get the correct embed for Blip.tv - the process is a little less intuitive than with YouTube, but it's still pretty simple.**
 
Remove these adsRemove these ads by Signing Up

Step 1: The video

Here, I embedded the video from the 1D Accelerometer by intoon

Example:
[[Video(http://www.youtube.com/watch?v=woxc2eIedlM, {width:500, height:400})]]
Display:


And, here I embedded the video from the 3D chocolate printer by saul

UPDATE 5/14/07: Yahoo Video has changed, and is slightly less easy to embed.

To include a yahoo video, you'll need to compose a URL. This is done by taking the first part of the yahoo video URL
http://video.yahoo.com/video/play?vid=
and appending the vid, which is not the same vid found in the original URL. That will not function externally. To find the real vid, you need to copy out the embed code, found below the video. In this case, it looks like this
<embed src='http://us.i1.yimg.com/cosmos.bcst.yahoo.com/player/media/swf/FLVVideoSolo.swf'flashvars='id=598437&emailUrl=http%3A%2F%2Fvideo.yahoo.com%2Futil%2Fmail%3Fei%3DUTF-8%26vid%3D54937&imUrl=http%253A%252F%252Fvideo.yahoo.com%252Fvideo%252Fplay%253Fei%253DUTF-8%2526vid%253D54937&imTitle=Lego%2Bchocolate%2Bprinter&searchUrl=http://video.yahoo.com/video/search?p=&profileUrl=http://video.yahoo.com/video/profile?yid=&creatorValue=ZXJpY2p3aWxoZWxt&vid=54937' type='application/x-shockwave-flash' width='425' height='350'></embed>
The real vid is found after the text "flashvars='id=", or in this case 598437. Add that to the back of the URL to get:
http://video.yahoo.com/video/play?vid=598437
and then use the video embed like normal. In this case we have
[[Video(http://video.yahoo.com/video/play?vid=598437)]]



Here I embed some video from Google video

[[Video(http://video.google.com/videoplay?docid=-1300191479870868157&q=how+to+cut+wood, {width:400, height:300})]]



Here I embed aMetacafe video,

http://www.metacafe.com/watch/445498/robotic_beer_launching_refrigerator/

[[Video(http://www.metacafe.com/watch/445498/robotic_beer_launching_refrigerator, {width:400, height:300})]]



Embedding a video from Brightcove is really easy to do as well. You just take the link that Brightcove gives you when you click on "link directly to this video" and paste it into the input video bar on instructables.

Here is the link for the "Twilight Zone" Lighter Trick on InstructablesTV.

http://www.brightcove.com/title.jsp?title=494918786

If I put that same text into the video bar I get the following video:



1-40 of 67Next »
yourcelf5 years ago
You can embed Vimeo videos in Instructables as well (I searched for a long time to find this).
1. Get the full URL for the Vimeo player -- click the "embed" link and find the URL that looks like:
http://vimeo.com/moogaloop.swf?clip_id=......fullscreen=1

2. Add "&.swf" to the end to convince Instructables that it's a video.
http://vimeo.com/moogaloop.swf?clip_id=......fullscreen=1&.swf

3. Use the video tag as described above. The default size for Vimeo is {width:400, height:300}.
I tried this and all sorts of other suggested methods with no success. I am going for a step-by-step with an embedded URL link to go to the video at Vimeo.
babybayrs1 year ago
I tried to embed video in a step-by-step Instructables, by copying the Youtube video URL to the brackets, but it didn't seem to work. Can anybody see how I should do it over here: http://www.instructables.com/id/Tricolor-tortellini-filled-with-mushroom/
I found this Instructable. Tried it out on a new 'ible I'm busy with and it worked just fine: http://www.instructables.com/id/How-to-embed-a-video-on-Instructables/
You are so kind to leave the link which does work. I just embedded a video in my latest instructables.
Thanks a lot!
thanks
can there please be how to embed the jw player as this should work


<script type='text/javascript' src='swfobject.js'></script>

<div id='mediaspace'>This text will be replaced</div>

<script type='text/javascript'>
var so = new SWFObject('http://jamesm.com.au/player/player.swf','mpl','555','300','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('file','http://jamesm.com.au/player/play.xml');
so.write('mediaspace');
</script>
Derin6 years ago
I think the video system works with all flash.I put CP as a test now.

Plasmana6 years ago
I am having some problems, I cannot change the size of the you tube video, what did I do wrong?
knex maddo6 years ago
how do you add your own one from windows movie maker? please reply A.S.A.P thanks
xACIDITYx6 years ago
LOL! I loved that show. Thanks for the info, Eric.
bluesman6 years ago
Hey, the metacafe videos don't appear embedded anymore!

What happened? Any ideas?

unklstuart6 years ago
Any advice for embedding a video from Flickr?
demer986 years ago
Great site... hm, i'm kinda new....i need help please can anybody tell me how to add text on youtube video? thank's
trebuchet038 years ago
another test....

<font color="blue">This might be blue</font>
@llama13

yes, you can do custom color ;)

<table border="0" bgcolor="black"><tr><td><img src="http://i11.photobucket.com/albums/a166/Trebuchet03/P1020697Small.jpg" hspace="10px" vspace="10px"></td></tr><tr><td><font color="white">Yet another Mystery Machine</td></tr></table>
<font color="red">well well well written with blood</font>
Derin Derin6 years ago
<font color="red"> well well well written with blood </font>
before I go any further.... let me know if you intended to use this feature this way... I like being optimistic... but as a webmaster, I would not want this because of stupid skiddies and other 'evil' purposes.
DaNerd116 years ago
How do you remove a video?
hay_jumper6 years ago
Awesome. Thanks Eric! I spent about an hour perusing the forums before (duh!) using the search feature to find how to do this, and you had my problem solved lickety-split! Yay new instructables tool!
RelyNupon6 years ago
I wonder if anyonecan help me I have a video that i need someone to give me the address i cannot access youtube because it is blocked someone please help: here is the info i got

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

could someone make sense of it and send me the address to this video. not the link cuz it will be blocked. thank you....(continues 3 paragraphs)
Is there any way I can just upload my video for the paper airplane contest to this site, the way I do with pictures? I have no account on any video website...
ewilhelm (author)  Lithium Rain6 years ago
Not yet.
:(*cries* I had the perfect paper airplane, too...
I can't seem to find how to embed blip.tv's videos.

Here's my code. There's no flv. in it...

<object type="application/x-shockwave-flash" data="http://blip.tv/scripts/flash/showplayer.swf?enablejs=true&file=http%3A%2F%2Fxenotonick%2Eblip%2Etv%2Frss%2Fflash%2F&showplayerpath=http%3A%2F%2Fblip%2Etv%2Fscripts%2Fflash%2Fshowplayer%2Eswf" width="400" height="255" allowfullscreen="true" id="showplayer"><param name="movie" value="http://blip.tv/scripts/flash/showplayer.swf?enablejs=true&file=http%3A%2F%2Fxenotonick%2Eblip%2Etv%2Frss%2Fflash%2F&showplayerpath=http%3A%2F%2Fblip%2Etv%2Fscripts%2Fflash%2Fshowplayer%2Eswf" /><param name="quality" value="best" /><embed src="http://blip.tv/scripts/flash/showplayer.swf?enablejs=true&file=http%3A%2F%2Fxenotonick%2Eblip%2Etv%2Frss%2Fflash%2F&showplayerpath=http%3A%2F%2Fblip%2Etv%2Fscripts%2Fflash%2Fshowplayer%2Eswf" quality="best" width="400" height="255" name="showplayer" type="application/x-shockwave-flash"></embed></object>

There's no "copy to Myspace" link either. :-(

Help please?
The embed code from Blip has been updated and so we'll need to get a robot to flip a switch over in order to make it work. Until then, I can embed the video for you directly. Can you let me know where you'd like it to go? It's ok if your Instructable isn't published yet - you can still send me it's address in a PM.
jfk7 years ago
I've used the following code in double brackets to try to embed a voicethread video, which seems to work halfway:
"Video(http://voicethread.com/book.swf?b=409?mediaId=304681&.swf, {width:800, height:600})"


Here's the embed code from the voicethread site if anyone cares to mess with it:
<object width="480" height="360"><param name="movie" value="http://voicethread.com/book.swf?b=409"></param><param name="wmode" value="transparent"></param><embed src="http://voicethread.com/book.swf?b=3334" type="application/x-shockwave-flash" wmode="transparent" width="480" height="360"></embed></object>

I've tried several mediaids, and I'm not sure what theirs is, or how to find out.

This page plays the explanation video:
http://voicethread.com/view.php?b=409
The same page as a swf link:
http://voicethread.com/book.swf?b=409
sam noyoun7 years ago
Any chance of extending the list of embeddable players to revver.com?
One can do it, but right now it's a bit tricky and requires some URL hacking. If you're interested though, I can add it to the Instructable.
Yes please, It'd be fantastic if you could. Thanks
Done. See step 3
Thanks Jeffreyf!
sam noyoun7 years ago
It does not seem to work with metacafe videos... Any idea whether it would be possible to work around that?
ewilhelm (author)  sam noyoun7 years ago
We'll support them soon. Sorry for the delay.
Hi ewilhelm, Any news on the metacafe front? I have 4 or 5 videos that would make nice instructables... Sam
Yup. Figured it out.
ewilhelm (author)  sam noyoun7 years ago
Not yet. Sorry. Other things have us bogged down.
pmac937 years ago
ewilhelm, Is there any way to use the embed code from your video if you don't have the URL?
ewilhelm (author)  pmac937 years ago
From which video service?
1-40 of 67Next »