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!
