Inter-Net.PRO

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

 

 

Войдите чтобы комментировать

Авторизация

Войти через соцсети: