JavaScript методы, свойства и события для video и audio

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

*** чтобы писать комментарии.