Fullscreen and Picture-in-Picture API Cheat Sheet
Request fullscreen and video Picture-in-Picture safely with user activation, state events, permissions policy, feature detection, and accessible controls.
Open cheat sheetHTML · 7 guides
Present responsive media, graphics, frames, capture, and immersive content.
Focused references
Each guide includes copy-ready syntax, detailed examples, and authoritative references.
Request fullscreen and video Picture-in-Picture safely with user activation, state events, permissions policy, feature detection, and accessible controls.
Open cheat sheetEmbed accessible HTML audio and video with native controls, multiple sources, posters, preload hints, captions, subtitles, transcripts, and safe playback behavior.
Open cheat sheetChoose canvas or SVG for web graphics, size canvases sharply, draw accessible fallbacks, structure inline SVG, and make graphics responsive.
Open cheat sheetEmbed external documents with accessible iframe titles, responsive sizing, lazy loading, sandbox restrictions, permissions policy, and safe cross-window messaging.
Open cheat sheetEmbed accessible, responsive, and efficient HTML images with alt text, dimensions, srcset, sizes, picture sources, and loading hints.
Open cheat sheetCapture cameras, microphones, and screens responsibly with constraints, permissions, track controls, recording, privacy indicators, and complete cleanup.
Open cheat sheetDesign robust browser audio graphs with user activation, precise scheduling, gain staging, analysis, AudioWorklet processing, and resource cleanup.
Open cheat sheet