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:
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.**
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 ads by
Signing UpStep 1: The video
Here, I embedded the video from the 1D Accelerometer by intoon
Example:
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
Here I embed some video from Google video
Here I embed aMetacafe video,
http://www.metacafe.com/watch/445498/robotic_beer_launching_refrigerator/
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.
If I put that same text into the video bar I get the following video:
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=598437and 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:
Visit Our Store »
Go Pro Today »
<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>
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}.
What happened? Any ideas?
yes, you can do custom color ;)
<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)
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?
"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