English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список HTML-тегов

Аудио/видео в HTML

Когда мы добавляем эти аудио/видео теги на страницу, мы обнаруживаем, что на странице нет аудио файлов, а видео файлы также не могут быть воспроизведены.何原因?这是因为我们 не хватает некоторых элементов СМИ, вот список некоторых элементов СМИ:

Руководство по DOM аудио/видео HTML

HTML5 DOM предоставляет методы, свойства и события для элементов <audio> и <video>.

Эти методы, свойства и события позволяют использовать JavaScript для управления элементами <audio> и <video>.

Методы HTML аудио/видео

МетодыОписание
addTextTrack()Добавить новый текстовый трек к аудио/видео.
canPlayType()Проверить, может ли браузер воспроизводить指定的 тип аудио/видео.
load()Перезагрузить элемент аудио/видео.
play()Начать воспроизведение аудио/видео.
pause()Приостановить текущее воспроизведение аудио/видео.

HTML-свойства аудио/видео

СвойстваОписание
audioTracksВернуть объект AudioTrackList, представляющий доступные аудиотрека.
autoplayУстановить или вернуть, играет ли аудио/видео сразу после загрузки.
bufferedВернуть объект TimeRanges, представляющий буферизированные части аудио/видео.
controllerВернуть объект MediaController, представляющий текущий медиаконтроллер аудио/видео.
controlsУстановить или вернуть, показывает ли аудио/видео элементы управления (например, воспроизведение/пауза и т.д.).
crossOriginУстановить или вернуть настройки CORS для аудио/видео.
currentSrcВернуть текущий URL аудио/видео.
currentTimeУстановить или вернуть текущую позицию воспроизведения аудио/видео (в секундах).
defaultMutedУстановить или вернуть, должен ли аудио/видео быть-muted по умолчанию.
defaultPlaybackRateУстановить или вернуть defaultPlaybackRate аудио/видео.
durationВернуть текущую продолжительность аудио/видео (в секундах).
endedВернуть, завершено ли воспроизведение аудио/видео.
errorВернуть объект MediaError, представляющий состояние ошибки аудио/видео.
loopУстановить или вернуть, должно ли аудио/видео быть воспроизведено повторно в конце.
mediaGroupУстановить или вернуть группу, к которой принадлежит аудио/видео (для подключения нескольких аудио/видео элементов).
mutedУстановить или вернуть, должен ли аудио/видео быть-muted.
networkStateВернуть текущее состояние сети аудио/видео.
pausedУстановить или вернуть, приостановлен ли воспроизведение аудио/видео.
playbackRateУстановить или вернуть скорость воспроизведения аудио/видео.
playedВернуть объект TimeRanges, представляющий части аудио/видео, уже воспроизведенные.
preloadУстановить или вернуть, должен ли аудио/видео быть загружен после загрузки страницы.
readyStateВернуть текущее состояние готовности аудио/видео.
seekableВернуть объект TimeRanges, представляющий寻址 части аудио/видео.
seekingВернуть, является ли пользователь в процессе поиска в аудио/видео.
srcУстановить или вернуть текущий источник аудио/видео элемента.
startDateВернуть объект Date, представляющий текущее смещение времени.
textTracksВернуть объект TextTrackList, представляющий доступные текстовые轨道.
videoTracksВернуть объект VideoTrackList, представляющий доступные видео轨道.
volumeУстановить или вернуть объем аудио/видео.

HTML аудио/видео события

СобытиеОписание
abortСрабатывает при放弃 загрузки аудио/видео.
canplayСрабатывает при возможности начала воспроизведения аудио/видео.
canplaythroughСрабатывает при возможности воспроизведения без缓冲.
durationchangeСрабатывает при изменении продолжительности аудио/видео.
emptiedСрабатывает при пустом текущем плейлисте.
endedСрабатывает при завершении текущего плейлиста.
errorВ случае возникновения ошибки при загрузке аудио/видео срабатывает.
loadeddataАктивируется при загрузке текущего кадра аудио/видео браузером.
loadedmetadataАктивируется при загрузке метаданных аудио/видео браузером.
loadstartАктивируется при начале поиска аудио/видео браузером.
pauseАктивируется при приостановке аудио/видео.
playАктивируется при начале воспроизведения или прекращении паузы аудио/видео.
playingАктивируется при готовности аудио/видео после приостановки или остановки из-за буферизации.
progressАктивируется при скачивании аудио/видео браузером.
ratechangeАктивируется при изменении скорости воспроизведения аудио/видео.
seekedАктивируется при достижении пользователя нового положения в аудио/видео.
seekingАктивируется при начале движения/прыжка пользователя к новому положению в аудио/видео.
stalledАктивируется при попытке браузера получить данные медиа, но данные недоступны.
suspendАктивируется при намеренном отказе браузера от получения данных медиа.
timeupdateАктивируется при изменении текущей позиции воспроизведения.
volumechangeАктивируется при изменении уровня звука.
ожидалосьАктивируется при остановке видео из-за необходимости буферизации следующего кадра.