controlslist | Frontend Practical Guide

Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。

対応ブラウザ

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`api.HTMLMediaElement.controlsList`	58	79			58
HTML 属性
`controlslist`	58	79			58
`controlslist`	58	79			58

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

HTML

<video controls controlslist="nodownload nofullscreen noremoteplayback"
  src="video.mp4">
</video>

Use controlslist tokens to hint which built-in controls should be suppressed.

Combine tokens such as nodownload, noplaybackrate, and nofullscreen.

Document why a product might limit built-in controls for a focused viewing flow.

controlslist の活用

controlsList は HTMLMediaElement インターフェイスのプロパティで、ユーザーエージェントが自分自身で一連のコントロールを表示するときに、メディア要素上に表示するコントロールを選択することを支援する DOMTokenList を返します。