Playwright video recording adds frame-rate and CSS action styling options
Introduced 2026-10-07 · score 0.95
HOW TO USE IT
When configuring Playwright video recordings, set `video.fps` and `video.show.actions.style` to choose the frame rate and CSS for the point, highlight, and title. Firefox and WebKit capture up to 25 fps; `style` replaces deprecated `fontSize`.
import { defineConfig } from '@playwright/test';
export default defineConfig({
use: {
video: {
mode: 'on',
fps: 60,
show: {
actions: {
style: {
point: 'width: 20px; height: 20px; border-radius: 50%; background: red',
highlight: 'outline: 2px solid #333; background: rgba(0, 128, 255, .15)',
title: 'font-size: 16px',
},
},
},
},
},
});WHY THIS HELPS
Configure recorded test videos with a chosen frame rate and custom action decorations.
REQUIREMENTS AND LIMITATIONS
- Version: v1.64.0
- testOptions.video.fps: Sets the recorded video frame rate; Firefox and WebKit currently capture up to 25 frames per second.
- testOptions.video.show.actions.style: CSS declarations for the `point` marker, target `highlight`, and action `title`; replaces deprecated `fontSize`.
- recordVideo.fps: Sets the recorded video frame rate.
- screencast.start() `fps`: Sets the screencast recording frame rate.
- Firefox and WebKit currently capture up to 25 frames per second.
- The `fontSize` option is deprecated.
FIRST-PARTY EVIDENCE
- https://github.com/microsoft/playwright/releases/tag/v1.64.0
- https://playwright.dev/docs/next/release-notes
Check the installed version and the source before using it. Entry JSON