Step 1: Open an animated SVG
Drag the .svg onto app.svgsketch.com or use File > Open... (Ctrl+O). If the file carries SMIL or CSS animation, the editor turns it into keyframes on the Animation panel; if it is still, add keyframes there first, as described in how to animate SVG. A video is only as long as the timeline it is rendered from.
Step 2: Choose MP4 or WebM
Open the Export panel (Ctrl+Shift+E) and pick MP4 or WebM under Video in the "Format" dropdown. MP4 is the safe choice for social platforms, slide decks and phones; WebM is smaller for the same quality and is the one to pick when you need a transparent background, since its VP9 codec carries an alpha channel.
Step 3: Set codec, bitrate and quality
The item's settings have a "Video" section with "Codec", "Bitrate" and a "Quality preset" from "Very low" to "Very high". The presets choose a bitrate for the frame size; set "Bitrate" yourself when a platform publishes a target. If the drawing contains video shapes, the exporter reads their frame rate and bitrate and offers to match them, so an embedded clip is not re-encoded to a worse setting than it arrived with.
A codec the current browser cannot encode is marked as unavailable; pick another rather than switching browsers.
Step 4: Set the frame rate and, if you need it, alpha
The "Animation" section sets "Frame Rate" and "Duration". 30 frames per second suits most motion graphics; 60 is worth it for fast easing. "Transparent background (alpha)" appears for codecs that support it and keeps the canvas background out of the file, so the video composites over whatever sits behind it.
Step 5: Download
Click Download. Every frame is rendered from the vector source and encoded in your browser, so the output is as sharp as the frame size you chose and the file never touches a server. Keep the SVG (File > Save, Ctrl+S) to re-render at another size or frame rate later.