HTML Аудио/Видео DOM Справочник
HTML Аудио и Видео DOM Справочник
HTML5 DOM содержит методы, свойства и события для элементов <audio> и <video>.
Эти методы, свойства и события позволяют вам управлять элементами <audio> и <video> с помощью JavaScript.
HTML Аудио/Видео Методы
| Метод | Описание |
|---|---|
| addTextTrack() | Добавляет новую текстовую дорожку к аудио/видео |
| canPlayType() | Проверяет, может ли браузер воспроизводить указанный тип аудио/видео |
| load() | Перезагружает аудио/видео элемент |
| play() | Начинает воспроизведение аудио/видео |
| pause() | Приостанавливает текущее воспроизведение аудио/видео |
HTML Аудио/Видео Свойства
| Свойство | Описание |
|---|---|
| audioTracks | Возвращает объект AudioTrackList, содержащий доступные аудиодорожки |
| autoplay | Устанавливает или возвращает, должно ли аудио/видео начинать воспроизведение сразу после загрузки |
| buffered | Возвращает объект TimeRanges, представляющий буферизованные части аудио/видео |
| controller | Возвращает объект MediaController, представляющий текущий медиаконтроллер |
| controls | Устанавливает или возвращает, должны ли отображаться элементы управления (пауза/воспроизведение и др.) |
| crossOrigin | Устанавливает или возвращает настройки CORS для аудио/видео |
| currentSrc | Возвращает URL текущего аудио/видео |
| currentTime | Устанавливает или возвращает текущую позицию воспроизведения (в секундах) |
| defaultMuted | Устанавливает или возвращает состояние «без звука» по умолчанию |
| defaultPlaybackRate | Устанавливает или возвращает стандартную скорость воспроизведения |
| duration | Возвращает длительность текущего аудио/видео (в секундах) |
| ended | Возвращает, завершилось ли воспроизведение |
| error | Возвращает объект MediaError, содержащий информацию об ошибке |
| loop | Устанавливает или возвращает, должно ли аудио/видео повторяться после завершения |
| mediaGroup | Устанавливает или возвращает медиагруппу (для синхронизации нескольких аудио/видео) |
| muted | Устанавливает или возвращает состояние «звук выключен» |
| networkState | Возвращает текущий сетевой статус аудио/видео |
| paused | Возвращает, находится ли аудио/видео в состоянии паузы |
| playbackRate | Устанавливает или возвращает скорость воспроизведения |
| played | Возвращает объект TimeRanges, представляющий воспроизведённые части |
| preload | Устанавливает или возвращает, нужно ли загружать аудио/видео при загрузке страницы |
| readyState | Возвращает текущий статус готовности аудио/видео |
| seekable | Возвращает объект TimeRanges, представляющий доступные для поиска части |
| seeking | Возвращает, выполняется ли поиск в данный момент |
| src | Устанавливает или возвращает источник аудио/видео |
| startDate | Возвращает объект Date, представляющий текущее смещение времени |
| textTracks | Возвращает объект TextTrackList, содержащий доступные текстовые дорожки |
| videoTracks | Возвращает объект VideoTrackList, содержащий доступные видеодорожки |
| volume | Устанавливает или возвращает громкость аудио/видео |
HTML Аудио/Видео События
| Событие | Описание |
|---|---|
| abort | Срабатывает, когда загрузка аудио/видео прерывается |
| canplay | Срабатывает, когда браузер может начать воспроизведение аудио/видео |
| canplaythrough | Срабатывает, когда браузер может воспроизводить аудио/видео без остановок для буферизации |
| durationchange | Срабатывает при изменении длительности аудио/видео |
| emptied | Срабатывает, когда текущий плейлист становится пустым |
| ended | Срабатывает после завершения текущего плейлиста |
| error | Срабатывает при ошибке загрузки аудио/видео |
| loadeddata | Срабатывает, когда браузер загружает текущий кадр аудио/видео |
| loadedmetadata | Срабатывает, когда браузер загружает метаданные аудио/видео |
| loadstart | Срабатывает, когда браузер начинает поиск аудио/видео |
| pause | Срабатывает, когда аудио/видео было поставлено на паузу |
| play | Срабатывает, когда аудио/видео запускается или выходит из паузы |
| playing | Срабатывает, когда аудио/видео начинает воспроизводиться после паузы или буферизации |
| progress | Срабатывает, когда браузер загружает аудио/видео |
| ratechange | Срабатывает при изменении скорости воспроизведения |
| seeked | Срабатывает, когда пользователь завершает перемотку к новой позиции |
| seeking | Срабатывает, когда пользователь начинает перемотку к новой позиции |
| stalled | Срабатывает, когда браузер пытается получить медиа‑данные, но они недоступны |
| suspend | Срабатывает, когда браузер намеренно прекращает загрузку медиа‑данных |
| timeupdate | Срабатывает при изменении текущей позиции воспроизведения |
| volumechange | Срабатывает при изменении громкости |
| waiting | Срабатывает, когда воспроизведение приостанавливается для буферизации следующего кадра |
Обновлено:
