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