playwright-recording

Create a browser context with the recordVideo option specifying an output directory and size, then perform your page actions. The video is saved when you close the context, and you can retrieve its path via page.video().

Playwright outputs WebM files only. Use ffmpeg with the libx264 codec to convert: run ffmpeg with -c:v libx264, -crf 20, and -movflags faststart flags to produce an MP4 suitable for Remotion.

No, Playwright does not render a cursor in recorded videos by default. You must inject a custom cursor element with CSS and mouse event listeners via page.addStyleTag and page.evaluate to visualize pointer movement and clicks.

Any DOM elements you inject, such as cursor overlays or control panels, are part of the page and get captured in the video. For clean UI-free recordings, rely on terminal-based controls like Ctrl+C or a max duration timer instead.

Dismiss banners by clicking known selectors from platforms like OneTrust and Cookiebot after page load, or hide them with injected CSS targeting cookie and consent class names. Re-apply dismissal on navigation since page loads reset the DOM.