Function useDisplayMode

useDisplayMode(): {
    availableModes: string[];
    mode: string;
    requestMode: (mode: "inline" | "fullscreen" | "pip") => Promise<void>;
}

Access and manage display mode

Returns {
    availableModes: string[];
    mode: string;
    requestMode: (mode: "inline" | "fullscreen" | "pip") => Promise<void>;
}

Display mode state and controls

Example

function DisplayModeToggle() {
  const { mode, availableModes, requestMode } = useDisplayMode();

  return (
    <select value={mode} onChange={e => requestMode(e.target.value)}>
      {availableModes.map(m => (
        <option key={m} value={m}>{m}</option>
      ))}
    </select>
  );
}