MediaController
MediaController は複数の <audio>/<video> 要素を同期して再生・一時停止するための仕組みです。現在は非推奨で代替手段の使用が推奨されます。
概要
MediaController は複数の <audio>/<video> 要素を同期して再生・一時停止するための仕組みです。現在は非推奨で代替手段の使用が推奨されます。
対応ブラウザ
デスクトップ
Chrome 未対応
Edge 未対応
Safari 7+
Firefox 未対応
モバイル
Chrome Android 未対応
Safari iOS 7+
Firefox Android 未対応
基本構文
HTML
<!-- 同期再生(レガシー) -->
<video src="video.mp4" mediagroup="sync"></video>
<audio src="commentary.mp3" mediagroup="sync"></audio> 実務での使いどころ
-
MediaController の活用
MediaController。複数のメディア要素を同期制御するAPI(非推奨)。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。