Static editor · Video · 2 min read

Play a video on a screen

Put a video clip on a device screen, scrub the timeline, and export the result as an MP4 or WebM video.

Watch the steps

Add a clip to a screen, press play, and watch the playhead run along the timeline.

14-second editor demo · no audio
Transcript

Two iPad screens sit on the canvas. Click the + on the left screen.

The Add your design prompt opens. Click Upload File and choose a video.

The clip appears on the left screen, and a timeline shows up at the bottom of the editor.

Press play. The playhead runs along the ruler and the clip plays on the screen.

Open the upload prompt

Click the + on the screen where the video should play. The prompt asks for an image or a video.

The Add your design prompt with Upload File and the line Aspect Ratio: 2752×2064The Add your design prompt with Upload File and the line Aspect Ratio: 2752×2064
The same prompt accepts images and videos.

Upload your video

Click Upload File and choose a video. The Adjust media panel opens, and the clip is already on the screen. Click × to close the panel.

Use the timeline

Once a screen has a video, a timeline appears at the bottom of the editor. Its controls are a play or pause button, a rewind button and a loop button. The ruler shows the clip’s length, and a track labeled Screen 1 shows the clip’s duration. Click the pause button to stop playback and the rewind button to go back to 0ms.

The timeline at the bottom with play, rewind and loop buttons, a ruler from 0ms to 6s and the Screen 1 trackThe timeline at the bottom with play, rewind and loop buttons, a ruler from 0ms to 6s and the Screen 1 track
The timeline sits below the canvas while a screen has a video.

Jump to a moment

Click a point on the ruler. The playhead moves there and the screen shows that frame. Click play to continue from that point.

The playhead at 3s on the ruler and the matching frame on the iPad screenThe playhead at 3s on the ruler and the matching frame on the iPad screen
Click the ruler to see any moment of the clip.

Export a video

Click Export, then choose MP4 or WebM. The title changes to Export Video. Click Export Video and wait while the editor renders the clip frame by frame. The file downloads when it is done.

A 6-second clip took about 14 seconds to render here and downloaded as iPad Pro (2024).mp4, named after the scene. It was an H.264 video, 2560 × 1920, 6 seconds long.

The Export Video dialog with PNG, PSD, SVG, MP4 and WebM tabs, MP4 selectedThe Export Video dialog with PNG, PSD, SVG, MP4 and WebM tabs, MP4 selected
MP4 and WebM appear next to the image formats once a screen has a video.

Questions

Can I put a video on a mockup screen?

Yes. The same Add your design prompt accepts images and videos. Click Upload File and choose a video.

Which video formats can I export?

MP4 and WebM. They appear next to PNG, PSD and SVG in the Export dialog once a screen has a video.

How long does the export take?

In our test a 6-second clip took about 14 seconds to render and downloaded as an H.264 MP4, 2560 × 1920, named after the scene.

How do I make the clip fill the screen?

The prompt shows the screen’s proportions, here 2752×2064. A clip with the same proportions fills the screen without cropping.

How do I jump to a moment in the clip?

Click a point on the timeline ruler. The playhead moves there and the screen shows that frame.

Try it in the Static mockup editor

Photo mockups in the browser: drop a design in, export a picture.

Open editor