--- title: 'VideoTrackList: addtrack イベント' slug: Web/API/VideoTrackList/addtrack_event tags: - API - Reference - addTrack - events translation_of: Web/API/VideoTrackList/addtrack_event ---
{{APIRef}}

addtrack イベントは、トラックが {{domxref("VideoTrackList")}} に追加されたときに発生します。

バブリング なし
キャンセル 不可
インターフェイス {{domxref("TrackEvent")}}
イベントハンドラプロパティ onaddtrack

例

AddEventListener() を使用する場合

const videoElement = document.querySelector('video');

videoElement.videoTracks.addEventListener('addtrack', (event) => {
  console.log(`Video track: ${event.track.label} added`);
});

onaddtrack イベントハンドラプロパティを使用する場合

const videoElement = document.querySelector('video');

videoElement.videoTracks.onaddtrack = (event) => {
  console.log(`Video track: ${event.track.label} added`);
};

仕様

仕様 状態
{{SpecName('HTML WHATWG', 'media.html#event-media-addtrack', 'addtrack')}} {{Spec2('HTML WHATWG')}}

ブラウザーの互換性

{{Compat("api.VideoTrackList.addtrack_event")}}

関連情報