
Справочник по 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 | Срабатывает, когда видео останавливается, потому что ему нужно буферизировать следующий кадр |
*** Авторизируйтесь чтобы писать комментарии.