HTML to MP4 and MOV – Record an HTML Animation
Turn an HTML animation, such as an animated ad banner, a CSS animation or a JavaScript animation, into a video you can post or edit.
Calculated on your device
Recording HTML needs Chrome or Edge on a computer. This browser can't record part of a page, but you can still preview your file.
Your file isn't uploaded. Anything it links to on other websites, such as fonts or images, is loaded from those websites, as when you open the file yourself.
Preview
Choose an HTML file to see it here.
How to record HTML as a video
- 1Choose your HTML file. It appears in the preview.
- 2Choose the video size, the length and MP4 or MOV.
- 3Click "Record video". In the window your browser opens, choose this tab and click Share. Keep the tab open until the recording is converted, then download the video.
How the recording works
Your HTML file runs in a sealed-off preview frame, as it would in a browser, with its scripts, styles and animations. When you record, your browser captures just that frame, in real time, for the length you chose. The recording is then converted to an H.264 MP4 or MOV at the size you picked. It all happens on your computer.
Recording part of a page needs a feature that only Chrome and Edge on computers have, and the browser always asks you first. The frame is shown at the video's real size, scaled down to fit your screen, so a large screen gives the sharpest result for big videos. Ad banners and other small sizes are always sharp.
Your HTML file isn't uploaded. Anything it links to on other websites, such as web fonts, images or animation libraries, is loaded from those websites, as when you open the file yourself. Files it links to by relative paths (for example images/logo.png) can't be found, so include images and styles in the file or link to them with full web addresses.
What you type stays private
This calculator works entirely in your browser. Nothing you enter is sent to a server, not even to us.Read our privacy policy
Frequently asked questions
Does it work with JavaScript animations?
Yes. The page runs normally in the preview, so CSS animations, JavaScript animations and libraries such as GSAP are all recorded as they play.
Why can't I record in Safari, Firefox or on my phone?
Recording part of a page needs Chrome's or Edge's "Region Capture" feature, which other browsers and mobile browsers don't have yet. You can still preview the file.
Does the video have sound?
No. The recording captures the picture only.
My banner's images are missing. Why?
The file probably links to images with relative paths, such as images/logo.png. Only the HTML file is loaded, so embed the images in the file or use full web addresses.
Is what I type sent anywhere?
No. The calculation happens in your web browser, on your own device. Nothing you enter is sent to us or anyone else.
Is it free?
Yes. There is no sign-up and no limit on how often you use it.
Does it work on my phone?
Yes. It works in any modern browser on Android, iPhone, iPad, Windows, Mac and Linux.