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

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
MediaController
非推奨 非標準
6
6
controller
非推奨 非標準

HTMLMediaElement.controller プロパティは、要素に割り当てられたメディアコントローラーを表します。

17
6
18
6
buffered
非推奨 非標準
7
7
currentTime
非推奨 非標準
7
7
defaultPlaybackRate
非推奨 非標準
7
7
duration
非推奨 非標準
7
7
MediaController
非推奨 非標準

MediaController()`コンストラクタ

6
6
muted
非推奨 非標準
7
7
pause
非推奨 非標準
6
6
paused
非推奨 非標準
7
7
play
非推奨 非標準
6
6
playbackRate
非推奨 非標準
7
7
playbackState
非推奨 非標準
7
7
played
非推奨 非標準
7
7
seekable
非推奨 非標準
7
7
unpause
非推奨 非標準
7
7
volume
非推奨 非標準
7
7
1+対応 (バージョン) 未対応 注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (36)
注釈 1件
削除済み
  • このバージョンで機能が削除されました (36)

基本構文

HTML
<!-- Synchronous playback (legacy) --> <video src="video.mp4" mediagroup="sync"></video> <audio src="commentary.mp3" mediagroup="sync"></audio>

ライブデモ

Synchronized media idea

Show the intent of controlling multiple media elements as one timeline.

プレビュー全画面表示

Why it stayed niche

Explain why many products coordinate media state in application code instead.

プレビュー全画面表示

Modern alternative

Use application state to coordinate multiple players when you need full control.

プレビュー全画面表示

実務での使いどころ

  • MediaController の活用

    非推奨;: この機能は非推奨になりました。

注意点

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

アクセシビリティ

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