Справочник по HTML видео и аудио DOM-элементов.
В HTML5 для элементов audio и video есть ряд своих методов, свойств и событий javascript.
Эти методы, свойства и события позволяют нам управлять элементами audio и video с помощью JavaScript, что позволяет писать собственные видео-плееры и аудио-проигрыватели с любым необходимым функционалом.
Методы Audio/Video HTML
| Метод | Описание |
|---|---|
addTextTrack() |
Добавляет новую текстовую дорожку к аудио/видео |
canPlayType() |
Проверяет, может ли браузер воспроизводить указанный тип аудио/видео |
load() |
Повторно загружает аудио/видео элемент |
play() |
Начинает воспроизведение аудио/видео |
pause() |
Приостанавливает воспроизведение аудио/видео в текущий момент |
JS - свойства audio и video
| Свойство | Описание |
|---|---|
audioTracks |
Возвращает объект AudioTrackList, представляющий доступные звуковые дорожки |
autoplay |
Устанавливает или возвращает, должно ли аудио/видео воспроизводиться сразу после его загрузки |
buffered |
Возвращает объект TimeRanges, представляющий буферизованные части аудио/видео |
controller |
Возвращает объект MediaController, представляющий текущий медиа-контроллер аудио/видео - Returns the MediaController object representing the current media controller of the audio/video |
controls |
Устанавливает или возвращает, должен ли аудио/видео отображать элементы управления (например, воспроизведение/пауза и т. д.). |
crossOrigin |
Устанавливает или возвращает настройки CORS для аудио/видео |
currentSrc |
Возвращает URL текущего аудио/видео |
currentTime |
Устанавливает или возвращает текущую позицию воспроизведения в аудио/видео (в секундах) |
defaultMuted |
Устанавливает или возвращает, должно ли аудио/видео быть отключено по умолчанию |
defaultPlaybackRate |
Устанавливает или возвращает скорость воспроизведения аудио/видео по умолчанию |
duration |
Возвращает длину текущего аудио/видео (в секундах) |
ended |
Возвращает, закончилось ли воспроизведение аудио/видео или нет |
error |
Возвращает объект MediaError, представляющий состояние ошибки аудио/видео - Returns a MediaError object representing the error state of the audio/video |
loop |
Устанавливает или возвращает, должно ли аудио/видео снова начинаться после завершения - Sets or returns whether the audio/video should start over again when finished |
mediaGroup |
Устанавливает или возвращает группу, к которой принадлежит аудио/видео (используется для объединения нескольких аудио/видео элементов) |
muted |
Устанавливает или возвращает ли аудио/видео отключен или нет - Sets or returns whether the audio/video is muted or not |
networkState |
Возвращает текущее состояние сети аудио/видео |
paused |
Возвращает, приостановлено ли аудио/видео или нет |
playbackRate |
Устанавливает или возвращает скорость воспроизведения аудио/видео |
played |
Возвращает объект TimeRanges, представляющий воспроизводимые части аудио/видео - Returns a TimeRanges object representing the played parts of the audio/video |
preload |
Устанавливает или возвращает, следует ли загружать аудио/видео при загрузке страницы |
readyState |
Возвращает текущее состояние готовности аудио/видео |
seekable |
Возвращает объект TimeRanges, представляющий поисковые части аудио/видео - Returns a TimeRanges object representing the seekable parts of the audio/video |
seeking |
Возвращает, ищет ли пользователь в данный момент аудио/видео |
src |
Устанавливает или возвращает текущий источник аудио/видео элемента |
startDate |
Возвращает объект Date, представляющий текущее смещение времени |
textTracks |
Возвращает объект TextTrackList, представляющий доступные текстовые дорожки |
videoTracks |
Возвращает объект VideoTrackList, представляющий доступные видео-треки |
volume |
Устанавливает или возвращает громкость аудио/видео |
JavaScript события для audio и video
| Событие | Описание |
|---|---|
abort |
Срабатывает когда загрузка аудио/видео прервана |
canplay |
Срабатывает когда браузер может начать воспроизведение аудио/видео |
canplaythrough |
Срабатывает когда браузер может воспроизводить аудио/видео без остановки для буферизации |
durationchange |
Срабатывает при изменении длительности аудио/видео |
emptied |
Срабатывает когда текущий плейлист пуст |
ended |
Срабатывает когда текущий плей-лист завершен |
error |
Срабатывает если произошла ошибка во время загрузки аудио/видео |
loadeddata |
Срабатывает когда браузер загрузил текущий кадр аудио/видео |
loadedmetadata |
Срабатывает когда браузер загрузил метаданные для аудио/видео |
loadstart |
Срабатывает когда браузер начинает искать аудио/видео |
pause |
Срабатывает, когда аудио/видео приостановлено |
play |
Срабатывает когда аудио/видео было запущено или снято с паузы |
playing |
Срабатывает когда аудио/видео воспроизводится после паузы или остановки, для буферизации |
progress |
Срабатывает когда браузер загружает аудио/видео |
ratechange |
Срабатывает при изменении скорости воспроизведения аудио/видео |
seeked |
Срабатывает когда пользователь закончил перемещение/переход в новое положение в аудио/видео |
seeking |
Срабатывает когда пользователь начинает перемещение/переход в новое положение в аудио/видео |
stalled |
Срабатывает когда браузер пытается получить мультимедийные данные, но данные недоступны |
suspend |
Срабатывает когда браузер намеренно не получает медиа-данные |
timeupdate |
Срабатывает, когда текущая позиция воспроизведения изменилась |
volumechange |
Срабатывает при изменении громкости |
waiting |
Срабатывает, когда видео останавливается, потому что ему нужно буферизировать следующий кадр |
*** Авторизируйтесь чтобы писать комментарии.