Api video html5: Media API. Управление видео из JavaScript

HTML API DOM аудио видео

❮ Назад Дальше ❯


HTML аудио и видео DOM ссылка

В модели HTML5 DOM есть методы, свойства и события для <audio> И <video> Элементы.

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


HTML Аудио и Видео методы

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

Свойства аудио/видео в формате HTML

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



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

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

❮ Назад Дальше ❯

Введение в HTML5 — тест 5

Главная / Интернет-технологии / Введение в HTML5 / Тест 5

Упражнение 1:


Номер 1

Назовите новые элементы медиа, появившиеся в HTML5?

Ответ:

&nbsp(1) <embed>&nbsp

&nbsp(2) <object>&nbsp

&nbsp(3) <video>&nbsp

&nbsp(4) <audio>&nbsp



Номер 2

Какой атрибут тега video задает URL видеофайла?

Ответ:

&nbsp(1) src&nbsp

&nbsp(2) poster&nbsp

&nbsp

(3) controls&nbsp



Номер 3

Какой атрибут тега <video> заставляет браузер отображать свои собственные элементы управления для воспроизведения и громкости?

Ответ:

&nbsp(1) src&nbsp

&nbsp(2) poster&nbsp

&nbsp(3) control&nbsp



Упражнение 2:


Номер 1

Какой атрибут тега <video>
задает ширину видеофайла?

Ответ:

&nbsp(1) width&nbsp

&nbsp(2) height&nbsp

&nbsp(3) poster&nbsp



Номер 2

Какой атрибут тега <video> задает высоту видеофайла?

Ответ:

&nbsp(1) width&nbsp

&nbsp(2) height&nbsp

&nbsp(3) poster&nbsp



Номер 3

Какой атрибут тега <video> задает обложку видеофайла?

Ответ:

&nbsp(1) width&nbsp

&nbsp(2) height&nbsp

&nbsp(3) poster&nbsp



Упражнение 3:


Номер 1

Какой атрибут тега <video> дает браузеру указание начинать воспроизведение видео автоматически?

Ответ:

&nbsp(1) autoplay&nbsp

&nbsp(2) autobuffer&nbsp

&nbsp(3) loop&nbsp



Номер 2

Какой атрибут тега <video> говорит браузеру, чтобы загрузка медиа начиналась немедленно?

Ответ:

&nbsp(1) autoplay&nbsp

&nbsp(2) autobuffer&nbsp

&nbsp(3) loop&nbsp



Номер 3

Какой атрибут тега <video> приводит к циклическому повторению воспроизведения видео?

Ответ:

&nbsp(1) autoplay&nbsp

&nbsp(2) autobuffer&nbsp

&nbsp(3) loop&nbsp



Упражнение 4:


Номер 1

Укажите корректные стандартные методы для создания на странице индивидуальных элементов управления медиа?

Ответ:

&nbsp(1) play()&nbsp

&nbsp(2) pause()&nbsp

&nbsp(3) stop()&nbsp



Номер 2

Укажите некорректные методы для создания на странице индивидуальных элементов управления медиа?

Ответ:

&nbsp(1) play()&nbsp

&nbsp(2) pause()&nbsp

&nbsp(3) stop()&nbsp



Номер 3

Укажите некорректные методы для создания на странице индивидуальных элементов управления медиа?

Ответ:

&nbsp(1) play()&nbsp

&nbsp(2) stop()&nbsp

&nbsp(3) reverse()&nbsp



Упражнение 5:


Номер 1

Какие из приведенных ниже видеокодеков имеют поддержку в браузерах без установки дополнительных плагинов:

Ответ:

&nbsp(1) ogg/theora&nbsp

&nbsp(2) H. 263&nbsp

&nbsp(3) H.264&nbsp

&nbsp(4) Sorenson&nbsp

&nbsp(5) WebM/VP8&nbsp



Номер 2

Какие из приведенных ниже видеокодеков не имеют поддержку в браузерах без установки дополнительных плагинов:

Ответ:

&nbsp(1) ogg/theora&nbsp

&nbsp(2) H.263&nbsp

&nbsp(3) H.264&nbsp

&nbsp(4) Sorenson&nbsp

&nbsp(5) WebM/VP8&nbsp



Номер 3

Какие из приведенных ниже видеокодеков имеют поддержку в браузерах без установки дополнительных плагинов:

Ответ:

&nbsp(1) ogg/theora&nbsp

&nbsp(2) H.264&nbsp

&nbsp(3) DivX&nbsp

&nbsp(4) On2 TrueMotion VP6&nbsp

&nbsp(5) WebM/VP8&nbsp



Упражнение 6:


Номер 1

Какой атрибут API видео HTML5 можно использовать для считывания или задания громкости аудио дорожки видео?

Ответ:

&nbsp(1) volume&nbsp

&nbsp(2) muted&nbsp

&nbsp(3) duration&nbsp



Номер 2

Какой атрибут API видео HTML5 позволяет заглушить звук в видео?

Ответ:

&nbsp(1) volume&nbsp

&nbsp(2) muted&nbsp

&nbsp(3) duration&nbsp



Номер 3

Какой атрибут API видео HTML5 возвращает текущую позицию воспроизведения в секундах?

Ответ:

&nbsp(1) initialTime&nbsp

&nbsp(2) currentTime&nbsp

&nbsp(3) startOffsetTime&nbsp



Упражнение 7:


Номер 1

Какое событие API видео HTML5 сообщает, что воспроизведение достигло конца видеофайла?

Ответ:

&nbsp(1) played&nbsp

&nbsp(2) paused&nbsp

&nbsp(3) ended&nbsp

&nbsp(4) loadeddata&nbsp



Номер 2

Какое событие API видео HTML5 сообщает, что браузер загрузил достаточно видео данных, чтобы начать воспроизведение в текущей позиции?

Ответ:

&nbsp(1) played&nbsp

&nbsp(2) paused&nbsp

&nbsp(3) ended&nbsp

&nbsp(4) loadeddata&nbsp



Номер 3

Какие события API видео HTML5 сообщают, что воспроизведение было начато или остановлено на паузу?

Ответ:

&nbsp(1) played&nbsp

&nbsp(2) paused&nbsp

&nbsp(3) ended&nbsp

&nbsp(4) loadeddata&nbsp



Упражнение 8:


Номер 1

С помощью какого элемента разметки HTML5 можно создавать на странице гибрид видео и другой графики?

Ответ:

&nbsp(1) <img>&nbsp

&nbsp(2) <canvas>&nbsp

&nbsp(3) <object>&nbsp



Номер 2

Какой элемент HTML5 определяет видео в альтернативном видеоформате?

Ответ:

&nbsp(1) <canvas>&nbsp

&nbsp(2) <source>&nbsp

&nbsp(3) <video>&nbsp



Номер 3

Какой элемент HTML5 вставляет звуковой или видеофайл для тегов <audio> и <video>?

Ответ:

&nbsp(1) <canvas>&nbsp

&nbsp(2) <source>&nbsp

&nbsp(3) <option>&nbsp



Упражнение 9:


Номер 1

Отметьте корректные способы задания дополнительного видеофайла в альтернативном формате:

Ответ:

&nbsp(1) <video width=320 height=240 controls poster=turkish. jpg> <source src=turkish.ogv type=video/ogg> <source src=turkish.mp4 type=video/mp4> Download the <a href=video.ogg>Turkish dancing masterclass video</a> </video>&nbsp

&nbsp(2) <video width=320 height=240 controls poster=turkish.jpg src=turkish.ogv > <source src=turkish.mp4 type=video/mp4> Download the <a href=video.ogg>Turkish dancing masterclass video</a> </video>&nbsp

&nbsp(3) <video controls=controls poster=turkish.jpg> <source src=turkish.ogv type=video/ogg> <source src=turkish.mp4 type=video/mp4> Download the <a href=video.ogg>Turkish dancing masterclass video</a> </video>&nbsp



Номер 2

Отметьте некорректные способы задания дополнительного видеофайла в альтернативном формате:

Ответ:

&nbsp(1) <video width=320 height=240 controls poster=turkish. jpg> <source src=turkish.ogv type=video/ogg> <source src=turkish.mp4 type=video/mp4> Download the <a href=video.ogg>Turkish dancing masterclass video</a> </video>&nbsp

&nbsp(2) <video width=320 height=240 controls poster=turkish.jpg src=turkish.ogv > <source src=turkish.mp4 type=video/mp4> Download the <a href=video.ogg>Turkish dancing masterclass video</a> </video>&nbsp

&nbsp(3) <video controls=controls poster=turkish.jpg> <source src=turkish.ogv type=video/ogg> <source src=turkish.mp4 type=video/mp4> Download the <a href=video.ogg>Turkish dancing masterclass video</a> </video>&nbsp



Номер 3

Отметьте корректные способы задания дополнительного видеофайла в альтернативном формате:

Ответ:

&nbsp(1) <video width=320 height=240 controls poster=turkish. jpg> <source src=turkish.ogv type=video/ogg> <source src=turkish.mp4 type=video/mp4> Download the <a href=video.ogg>Turkish dancing masterclass video</a> </video>&nbsp

&nbsp(2) <video width=320 height=240 controls poster=turkish.jpg src=turkish.ogv> <source src=turkish.ogv type=video/ogg> <source src=turkish.mp4 type=video/mp4> Download the <a href=video.ogg>Turkish dancing masterclass video</a> </video>&nbsp

&nbsp(3) <video controls=»controls» poster=»turkish.jpg»> <source src=»turkish.ogv» type=»video/ogg»> <source src=»turkish.mp4″ type=»video/mp4″> Download the <a href=»video.ogg»>Turkish dancing masterclass video</a> </video>&nbsp



Упражнение 10:


Номер 1

Какие элементы разметки предназначены для вставки титров в видео HTML5? 

Ответ:

&nbsp(1) <track>&nbsp

&nbsp(2) <sub>&nbsp

&nbsp(3) <subtitle>&nbsp



Номер 2

Какие элементы разметки не предназначены для вставки титров в видео HTML5? 

Ответ:

&nbsp(1) <track>&nbsp

&nbsp(2) <sub>&nbsp

&nbsp(3) <subtitle>&nbsp



Номер 3

Какой формат титров поддерживается элементом <track>?

Ответ:

&nbsp(1) SSA&nbsp

&nbsp(2) ASS&nbsp

&nbsp(3) WebSRT&nbsp



Упражнение 11:


Номер 1

Какой из новых атрибутов тега <input> делает его пользовательским элементом управления медиа HTML5?

Ответ:

&nbsp(1) required&nbsp

&nbsp(2) placeholder&nbsp

&nbsp(3) aria-controls&nbsp



Номер 2

Какой элемент разметки устанавливает связь между текстовой меткой и элементом формы и используется при создании пользовательских элементов управления?

Ответ:

&nbsp(1) <title>&nbsp

&nbsp(2) <label>&nbsp

&nbsp(3) <name>&nbsp



Номер 3

Какой из стандартных атрибутов HTML5 позволяет назначить тегу клавишу управления?

Ответ:

&nbsp(1) accesskey&nbsp

&nbsp(2) tabindex&nbsp

&nbsp(3) contextmenu&nbsp



Упражнение 12:


Номер 1

Какой из атрибутов элементов управления ARIA позволяет задавать текущее значение ползунка?

Ответ:

&nbsp(1) aria-valuenow&nbsp

&nbsp(2) aria-value-min&nbsp

&nbsp(3) aria-value-max&nbsp



Номер 2

Какой из атрибутов элементов управления ARIA позволяет задавать минимальное значение, которое может иметь ползунок?

Ответ:

&nbsp(1) aria-valuenow&nbsp

&nbsp(2) aria-value-min&nbsp

&nbsp(3) aria-value-max&nbsp



Номер 3

Какой из атрибутов элементов управления ARIA позволяет задавать максимальное значение, которое может иметь ползунок?

Ответ:

&nbsp(1) aria-valuenow&nbsp

&nbsp(2) aria-value-min&nbsp

&nbsp(3) aria-value-max&nbsp



Главная / Интернет-технологии / Введение в HTML5 / Тест 5

Управление элементами аудио и видео HTML5 с помощью Media JavaScript API

Поделись!

Не так давно добавление видео на веб-страницу требовало довольно много работы (и немного удачи), поскольку видео не поддерживалось браузерами. Вместо использования HTML или собственного API JavaScript разработчикам приходилось полагаться на сторонние плагины, такие как Adobe Flash Player (а позже и Silverlight).

Однако с тех пор все изменилось. HTML5 представил встроенную поддержку аудио- и видеоэлементов. С помощью видео HTML5 вы можете встроить полнофункциональный видеоплеер на свою веб-страницу, не требуя никаких сторонних плагинов или даже прибегая к JavaScript.

В самой простой форме добавление аудио или видео на веб-страницу с элементами HTML5 audio или video выполняется с помощью одной строки HTML. Добавьте атрибут для управления , и пользователи смогут управлять воспроизведением.

Кроме того, другие атрибуты позволяют вам установить исходный файл, добавить постер (изображение-заполнитель видео) или начать воспроизведение видео автоматически.

Как и в случае с большинством HTML-элементов, вы можете использовать каскадные таблицы стилей (CSS) для стилизации и позиционирования элемента, а также для инновационного использования видеоэлементов, например, для размещения их в качестве фона видеостраницы.

  

Ваш браузер не поддерживает видео HTML5.

Использование HTML5 Media JavaScript API

HTML5 API имеет методы, свойства и события для элементов

Например, вы можете использовать API для воспроизведения и приостановки видео с помощью простых кнопок и методов API play() и pause(). В приведенном ниже примере вы можете играть с JavaScript API, заставляя видео воспроизводиться и приостанавливаться, изменять скорость воспроизведения (ускорять или замедлять), контролировать громкость и даже менять источники видео.

См. Pen Control an HTML5 Video element with JavaScript by Ivan Melgrati (@imelgrat) на CodePen.

Сводка API

Ниже приведена сводка Media JavaScript API, содержащая список доступных свойств, методов и событий. Как видите, их намного больше, чем я показал вам в примере. Спускайся и играй!

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

  • audioTracks Возвращает объект AudioTrackList, представляющий доступные звуковые дорожки
  • autoplay Устанавливает или возвращает значение, должно ли аудио/видео воспроизводиться сразу после загрузки
  • буферизовано Возвращает объект TimeRanges, представляющий буферизованные части аудио/видео
  • контроллер Возвращает объект MediaController, представляющий текущий медиаконтроллер аудио/видео
  • элементы управления Устанавливает или возвращает значение, должно ли аудио/видео отображать элементы управления (например, воспроизведение/пауза и т. д.)
  • crossOrigin Устанавливает или возвращает настройки CORS аудио/видео
  • currentSrc Возвращает URL текущего аудио/видео
  • currentTime Устанавливает или возвращает текущую позицию воспроизведения в аудио/видео (в секундах)
  • defaultMuted Устанавливает или возвращает значение отключения звука/видео по умолчанию
  • defaultPlaybackRate Устанавливает или возвращает скорость воспроизведения аудио/видео по умолчанию
  • продолжительность Возвращает продолжительность текущего аудио/видео (в секундах)
  • завершено Возвращает информацию о том, закончилось ли воспроизведение аудио/видео
  • ошибка Возвращает объект MediaError, представляющий состояние ошибки аудио/видео
  • цикл Устанавливает или возвращает значение, должно ли аудио/видео начинаться заново после завершения
  • mediaGroup Устанавливает или возвращает группу, к которой принадлежит аудио/видео (используется для связи нескольких аудио/видео элементов)
  • приглушено Устанавливает или возвращает значение приглушения аудио/видео
  • networkState Возвращает текущее состояние сети аудио/видео
  • paused Возвращает информацию о том, приостановлено ли аудио/видео
  • воспроизведениеRate Устанавливает или возвращает скорость воспроизведения аудио/видео
  • воспроизведено Возвращает объект TimeRanges, представляющий воспроизведенные части аудио/видео
  • preload Устанавливает или возвращает значение, следует ли загружать аудио/видео при загрузке страницы
  • readyState Возвращает текущее состояние готовности аудио/видео
  • поиск Возвращает объект TimeRanges, представляющий доступные для поиска части аудио/видео
  • поиск Возвращает, ищет ли пользователь в данный момент аудио/видео
  • src Устанавливает или возвращает текущий источник аудио/видеоэлемента
  • startDate Возвращает объект Date, представляющий текущее смещение времени
  • textTracks Возвращает объект TextTrackList, представляющий доступные текстовые дорожки
  • videoTracks Возвращает объект VideoTrackList, представляющий доступные видеодорожки
  • громкость Устанавливает или возвращает громкость аудио/видео

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

  • play() Начинает воспроизведение аудио/видео
  • pause() Приостанавливает воспроизводимое в данный момент аудио/видео
  • addTextTrack() Добавляет новую текстовую дорожку к аудио/видео
  • canPlayType() Проверяет, может ли браузер воспроизводить указанный тип аудио/видео
  • load() Повторно загружает элемент аудио/видео

События HTML Audio/Video

  • abort Срабатывает при прерывании загрузки аудио/видео
  • canplay Срабатывает, когда браузер может начать воспроизведение аудио/видео
  • canplaythrough Срабатывает, когда браузер может воспроизводить аудио/видео без остановки для буферизации
  • durationchange Срабатывает при изменении продолжительности аудио/видео
  • пуст Срабатывает, когда текущий плейлист пуст
  • завершено Срабатывает, когда текущий список воспроизведения заканчивается
  • ошибка Срабатывает при возникновении ошибки во время загрузки аудио/видео
  • loadeddata Срабатывает, когда браузер загрузил текущий кадр аудио/видео
  • loadedmetadata Срабатывает, когда браузер загрузил метаданные для аудио/видео
  • loadstart Срабатывает, когда браузер начинает поиск аудио/видео
  • пауза Срабатывает при паузе аудио/видео
  • воспроизведение Срабатывает, когда аудио/видео было запущено или больше не приостановлено
  • воспроизведение Срабатывает при воспроизведении аудио/видео после приостановки или остановки для буферизации
  • прогресс Срабатывает, когда браузер загружает аудио/видео
  • ratechange Срабатывает при изменении скорости воспроизведения аудио/видео
  • seeked Срабатывает, когда пользователь завершает перемещение/переход на новую позицию в аудио/видео
  • поиск Срабатывает, когда пользователь начинает перемещаться/переходить на новую позицию в аудио/видео
  • остановлено Срабатывает, когда браузер пытается получить медиаданные, но данные недоступны
  • приостановка Срабатывает, когда браузер намеренно не получает мультимедийные данные
  • timeupdate Срабатывает при изменении текущей позиции воспроизведения
  • volumechange Срабатывает при изменении громкости
  • ожидание Срабатывает, когда видео останавливается, потому что необходимо буферизовать следующий кадр

Поделись!

HTML Audio/Video DOM Reference

❮ Предыдущий Далее ❯


HTML Audio and Video DOM Reference

HTML5 DOM содержит методы, свойства и события для и элементы.


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

Метод Описание
добавитьтексттрек() Добавляет новую текстовую дорожку к аудио/видео
canPlayType() Проверяет, может ли браузер воспроизводить указанный тип аудио/видео
загрузка() Повторно загружает элемент аудио/видео
играть() Начинает воспроизведение аудио/видео
пауза() Приостанавливает воспроизводимое в данный момент аудио/видео

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

Свойство Описание
аудиодорожки Возвращает объект AudioTrackList, представляющий доступные звуковые дорожки
автовоспроизведение Устанавливает или возвращает значение, должно ли аудио/видео воспроизводиться сразу после загружен
с буфером Возвращает объект TimeRanges, представляющий буферизованные части аудио/видео 903:00
контроллер Возвращает объект MediaController, представляющий текущий медиа-контроллер. аудио/видео
органы управления Устанавливает или возвращает значение, должно ли аудио/видео отображать элементы управления (например, воспроизведение/пауза). и др.)
crossOrigin Устанавливает или возвращает настройки CORS для аудио/видео
текущий источник Возвращает URL текущего аудио/видео
текущее время Устанавливает или возвращает текущую позицию воспроизведения в аудио/видео (в секундах)
по умолчанию Без звука Устанавливает или возвращает значение, должно ли аудио/видео отключено по умолчанию
defaultPlaybackRate Устанавливает или возвращает скорость воспроизведения аудио/видео по умолчанию
продолжительность Возвращает продолжительность текущего аудио/видео (в секундах)
закончился Возвращает информацию о том, закончилось ли воспроизведение аудио/видео
ошибка Возвращает объект MediaError, представляющий состояние ошибки аудио/видео
петля Устанавливает или возвращает значение, должно ли аудио/видео начинаться заново после завершения
медиагруппа Устанавливает или возвращает группу, к которой принадлежит аудио/видео (используется для связи несколько аудио/видео элементов) 903:00
приглушенный Устанавливает или возвращает значение приглушения аудио/видео
состояние сети Возвращает текущее состояние сети аудио/видео
приостановлено Возвращает информацию о том, приостановлено ли аудио/видео
скорость воспроизведения Устанавливает или возвращает скорость воспроизведения аудио/видео
сыграно Возвращает объект TimeRanges, представляющий воспроизводимые части аудио/видео 903:00
предварительная нагрузка Устанавливает или возвращает значение загрузки аудио/видео при загрузке страницы
состояние готовности Возвращает текущее состояние готовности аудио/видео
поиск Возвращает объект TimeRanges, представляющий доступные для поиска части аудио/видео
поиск Возвращает, ищет ли пользователь в данный момент аудио/видео
источник Задает или возвращает текущий источник аудио/видеоэлемента
Дата начала Возвращает объект Date, представляющий текущее смещение времени
текстовые треки Возвращает объект TextTrackList, представляющий доступные текстовые дорожки
видеотреки Возвращает объект VideoTrackList, представляющий доступные видеодорожки
объем Устанавливает или возвращает громкость аудио/видео



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

событие Описание
прервать Срабатывает при прерывании загрузки аудио/видео
канплей Срабатывает, когда браузер может начать воспроизведение аудио/видео
можно проиграть Срабатывает, когда браузер может воспроизводить аудио/видео без остановки для буферизации 903:00
изменение длительности Срабатывает при изменении продолжительности аудио/видео
опорожнен Срабатывает, когда текущий плейлист пуст
завершено Срабатывает, когда текущий плейлист заканчивается
ошибка Срабатывает при возникновении ошибки во время загрузки аудио/видео
загруженные данные Срабатывает, когда браузер загрузил текущий кадр аудио/видео 903:00
загруженные метаданные Срабатывает, когда браузер загрузил метаданные для аудио/видео
запуск с нагрузкой Срабатывает, когда браузер начинает поиск аудио/видео
пауза Срабатывает при паузе аудио/видео
играть Срабатывает, когда аудио/видео было запущено или больше не приостановлено
игра Срабатывает при воспроизведении аудио/видео после паузы или остановки для буферизации 903:00
прогресс Срабатывает, когда браузер загружает аудио/видео
изменение скорости Срабатывает при изменении скорости воспроизведения аудио/видео
искал Срабатывает, когда пользователь завершает перемещение/переход на новую позицию в аудио/видео
поиск Срабатывает, когда пользователь начинает перемещаться/переходить на новую позицию в аудио/видео
заглох Срабатывает, когда браузер пытается получить медиаданные, но данные не в наличии
приостановить Срабатывает, когда браузер намеренно не получает мультимедийные данные
обновление времени Срабатывает при изменении текущей позиции воспроизведения
изменение громкости Срабатывает при изменении громкости
ожидание Срабатывает, когда видео останавливается из-за необходимости буферизации следующего кадра 903:00

❮ Предыдущий Следующий ❯


ПИКЕР ЦВЕТА



Лучшие учебники
Учебник по HTML
Учебник по CSS
Учебник по JavaScript
Учебник How To
Учебник по SQL
Учебник по Python
Учебник по W3. CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

3 9004 Справочник Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Основные примеры
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery


ФОРУМ | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *