Put a screen recording in a phone frame
Drop a screen recording and it comes back looking like it's playing on a phone: rounded corners and a black border, sized like a real one. Change either, or turn the border off.
- Free
- Runs on your device
- No account
- No limits
One file at a time. The video is edited on your own device, so nothing is uploaded and there's no size limit beyond what your browser can hold.
Also for pictures: Put a screenshot in a phone frame
How to put a screen recording in a phone frame
- Drop a screen recording in the box above. MP4, MOV, WebM, MKV and AVI all work.
- The corners and the border start at a phone's proportions for your video. Drag a slider or type an exact number, and pick the colour that fills the corners.
- Download. The file keeps its name and its format, with -phone added, unless you asked for see-through corners, which come back as a WebM.
- The first video also fetches the video engine, about 7MB, which your browser then keeps. After that it starts straight away.
About phone frames for video here
It's the same frame the screenshot version of this tool draws, taken from a current iPhone Pro: corners about 14 percent of the screen's width and a black border about 4 percent. Both are worked out from your recording's own size, so a full resolution capture and a shrunk one get the same phone.
Your recording isn't scaled. The border is added around it, so the video comes out larger by twice the border and every pixel of the screen is the one that was recorded. The border moves in steps of two pixels, because video stores colour in two by two blocks and an odd border would leave a thin line down one edge of the screen. The same blocks are why a recording with an odd width or height gives up its last column or row.
The MP4 and MOV files this page makes are H.264, which can't store see-through pixels, so the corners outside the frame are filled with a colour. Match it to the slide or the page the video will sit on. For a web page there's also a WebM with the corners left see-through, which Chrome and Edge play that way and Safari doesn't.
This edit changes the picture, so every frame has to be decoded and encoded again. Your own machine does that work, which is what keeps the file off anybody's server, and it's why a long clip takes longer than a short one. Trimming and removing the sound are the two things here that skip it entirely.
Common questions
Is the phone frame video tool free?
Yes, properly free. No paid tier, no trial, no watermark on the result and nothing to sign up for. Put as many files through it as you like, as often as you like.
Are my files uploaded to a server?
No. The phone frame video tool runs inside your browser, on your own machine, so your files never go anywhere. Big ones are fine too, up to whatever your browser can hold.
How do I put a screen recording in an iPhone frame?
Drop the recording on this page and press the button. The frame is sized from your video's own width to match a current iPhone, so there's nothing to set unless you want a different border or corner. The sound is kept. The whole clip is encoded on your own device, and a full size phone recording takes several times as long as it runs, so a thirty second clip can take a few minutes or more.
Can a framed video have transparent corners?
Yes, as a WebM. The MP4 and MOV files this page makes are H.264, which has no way to store see-through pixels, so by default the corners are filled with a colour you pick. Tick see-through corners and you get a WebM with an alpha channel instead, which Chrome and Edge play with the corners see-through. Safari doesn't, so for a video that has to work everywhere, match the colour to the page.
Why is the framed video bigger than the recording?
Because the border is added around the recording rather than drawn over it. Nothing on the screen is covered or scaled, so the video comes out wider and taller by twice the border. If you need it smaller for a page or a message, run it through the resize tool afterwards, which shrinks the frame and the screen together.