javascript HTMLMediaElement

最新推荐文章于 2025-04-18 12:09:10 发布

原创最新推荐文章于 2025-04-18 12:09:10 发布 · 811 阅读

本内容遵循CC 4.0 BY-SA版权协议

标签

#js

114 篇文章

订阅专栏

本文详细介绍了HTMLMediaElement的子类HTMLVideoElement和HTMLAudioElement，包括它们的属性、方法和事件。这些元素用于网页中多媒体内容的播放，如音频和视频文件。文章深入探讨了如何通过JavaScript控制多媒体元素，如自动播放、音量调节、播放进度等。

在这里插入图片描述

HTMLVideoElement和HTMLAudioElement都是继承该类

属性

继承了HTMLElement, Element, Node, EventTarget

属性	类型	描述
audioTracks	AudioTrackList	tracks 声道,比如左声道和右声道
autoplay	`Boolean`	是否自动播放
buffered	`TimeRanges`
controller	`MediaController`
controls	`Boolean`
controlsList	`DOMTokenList`
crossOrigin	`DOMString`
currentTime	`double`	用来控制声音和视频的时间,比如音频播放一端时间后,重置为0,从开始再次
defaultMuted	`Boolean`
defaultPlaybackRate	`double`
disableRemotePlayback	`Boolean`
duration
ended	`Boolean`
error	`MediaError`
loop	`Boolean`
mediaGroup	`DOMString`
muted	`Boolean`
networkState	`unsigned short`
paused	`Boolean`
playbackRate	`double`
played	`TimeRanges`
preload	`DOMString`
readyState	`unsigned short`
seekable	`TimeRanges`
seeking	`Boolean`
sinkId	`DOMString`
src	`DOMString`	资源
srcObject	`MediaStream`
textTracks	`TextTrack`
videoTracks	`VideoTrack`
volume	`double`	音量0~1

继承HTMLElement, Element, Node, and EventTarget.

继承HTMLElement,可以使用addEventListener(),也可以使用下方所列