How to Save An Embedded Vimeo Video to Your Computer

Hey, what is up, design nation? In this session I'm going to teach you how you can save the raw mp4 file from an embedded Vimeo video. Typically if you look at this you can save as but it only gives you the option to save a web-page file. So I'm going to teach you how to essentially hack this page so that you can save this as an mp4 so you can view the video offline on your smartphone or tablet.

Which is how I like to view my videos, so stick around this is one hack you don't want to miss

Inis hack I'm going to be using Google Chrome but really you can use any web browser that will let you view source code.

So to do this you need to view the source code, a quick way to do it is to right-click and go to view page source, you can also go to this menu up here and scroll down to more tools and do view source there or you can use the quick command control view

It'll open the source code and I know this can look very daunting if you've never seen source code or worked with code before, but trust me you don't really need to know any code with what I'm going to teach you. What this is is basically the code for the website, so if you hit control F that will pop up this little Finder, and what you want to type in is Vimeo so V-I-M-E-O and you can see it's going to highlight, there's only one instance of that it's going to highlight that here, and so this is where the the Vimeo video is coming from, this is sort of like the raw place where that video is on Vimeo so if you click that it's going to pop this up, which is a full screen embedded Vimeo video.

If you right-click you can see there's save as but it's still a web page so what you need to do again is the same thing view source of this and this code looks even worse, but you want to do now is type in the finder again ctrl+F, type

mp4 and that's going to find four different instances. And you want the first one this is the high definition video so I just highlighted all this code within the quotation marks that has mp4 in it, so from HTTP all the way to the end, where there is a another quotation mark I'm going to right-click and it go to that web page. It's going to take a couple seconds welcome and this video pops up and you can see now if I right-click on that I can save the video as, and it's an mp4! If you thought this video was helpful, please subscribe, like and share this video with your friends. And as always, happy hacking! All right designers, just because this episode of designer hacks is over, doesn't mean we're leaving you out in the cold. Tony's got tons of great content available at designerhacks.com so join design nation right now and we'll see you on the next episode of designer hacks!

Tags: cc video downloader