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

controlslist

controlsList 属性はメディア要素のコントロールUIで特定の機能（ダウンロード、フルスクリーン等）の表示を制御します。

メディア

概要

controlsList 属性はメディア要素のコントロールUIで特定の機能（ダウンロード、フルスクリーン等）の表示を制御します。

対応ブラウザ

デスクトップ

Chrome 58+
Edge 79+
Safari 未対応
Firefox 未対応

モバイル

Chrome Android 58+
Safari iOS 未対応
Firefox Android 未対応

基本構文

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

実務での使いどころ

  • controlslist の活用

    controlsList属性。メディアコントロールの表示を細かく制御する属性。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク