HTML Аудио/Видео DOM. Справочник
Курс по основам HTML. W3Schools на русском языке. Уроки для начинающих
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 | Срабатывает, когда видео останавливается, поскольку нужно сделать буферизацию следующего кадра |