How to embed a video into Instructables

Step 3 Embed a video from Revver.com

Embedding a video from Revver requires a bit of URL hacking, but it's possible.

First, go to the the appropriate video page, and select "Grab Code". Then under format, choose "Flash Embed" and copy out the text that appears in the text box above.

In this case, we get:

<embed type="application/x-shockwave-flash"src="http://flash.revver.com/player/1.0/player.swf"pluginspage="http://www.macromedia.com/go/getflashplayer" scale="noScale" salign="TL"bgcolor="#000000" flashvars="mediaId=218941&affiliateId=0&allowFullScreen=true"allowfullscreen="true" height="392" width="480"></embed>

What we need to do from this is re-create an flash embedded url. So we'll take the link after "src", which is:

http://flash.revver.com/player/1.0/player.swf

and append a question mark and the mediaId, which in this case is 218941, resulting in:

http://flash.revver.com/player/1.0/player.swf?mediaId=218941

Now we need to trick Instructables into thinking this is a flash video, so we'll take the link above, and ad a "&.swf" to it, resulting in:

http://flash.revver.com/player/1.0/player.swf?mediaId=218941&.swf

Then one can use our normal video dimensions, but I'd recommend Revver's default width and height, 480x392. The resulting code is:

[[Video(http://flash.revver.com/player/1.0/player.swf?mediaId=218941&.swf, {width:480, height:392})]]

Which can be seen below:

Comments

[yourcelf]

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

[xACIDITYx]

LOL! I loved that show. Thanks for the info, Eric.