title | short-title | slug | page-type | browser-compat |
---|---|---|---|---|
VideoTrackList: removetrack event |
removetrack |
Web/API/VideoTrackList/removetrack_event |
web-api-event |
api.VideoTrackList.removetrack_event |
{{APIRef}}
The removetrack
event is fired when a video track is removed from a VideoTrackList
.
Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
addEventListener("removetrack", (event) => {});
onremovetrack = (event) => {};
A {{domxref("TrackEvent")}}. Inherits from {{domxref("Event")}}.
{{InheritanceDiagram("TrackEvent")}}
In addition to the properties listed below, properties from the parent interface, {{domxref("Event")}}, are available.
- {{domxref("TrackEvent.track", "track")}} {{ReadOnlyInline}}
- : The newly-removed {{domxref("VideoTrack")}} the event is in reference to.
Using addEventListener()
:
const videoElement = document.querySelector("video");
videoElement.videoTracks.addEventListener("removetrack", (event) => {
console.log(`Video track: ${event.track.label} removed`);
});
Using the onremovetrack
event handler property:
const videoElement = document.querySelector("video");
videoElement.videoTracks.onremovetrack = (event) => {
console.log(`Video track: ${event.track.label} removed`);
};
{{Specifications}}
{{Compat}}
- Related events:
addtrack
,change
- This event on
AudioTrackList
targets:removetrack
- This event on
MediaStream
targets:removetrack
- Media Capture and Streams API
- WebRTC