HTMLMediaElement — веб-API | MDN
Интерфейс HTMLMediaElement
добавляет к HTMLElement
свойства и методы, необходимые для поддержки основных возможностей, связанных с мультимедиа, которые являются общими для аудио и видео.
Элементы HTMLVideoElement
и HTMLAudioElement
наследуют этот интерфейс.
Этот интерфейс также наследует свойства своих предков HTMLElement
, Element
, Node
и EventTarget
.
-
HTMLMediaElement.audioTracks
AudioTrackList
, в котором перечислены объектыAudioTrack
, содержащиеся в элементе.-
HTMLMediaElement.autoplay
Логическое значение, отражающее
HTML-атрибут, указывающий, должно ли воспроизведение автоматически начинаться, как только становится доступным достаточное количество медиафайлов для непрерывного воспроизведения.Примечание: Автоматическое воспроизведение звука, когда пользователь не ожидает или не желает этого, плохо работает с пользователем, и его следует избегать в большинстве случаев, хотя есть и исключения. Дополнительные сведения см. в руководстве по автовоспроизведению для мультимедийных и веб-аудио API. Имейте в виду, что браузеры могут игнорировать запросы автозапуска, поэтому вы должны убедиться, что ваш код не зависит от работы автозапуска.
-
Только чтение HTMLMediaElement.buffered Возвращает объект
TimeRanges
, указывающий диапазоны источника мультимедиа, буферизованного браузером (если есть) в момент обращения к свойствуbuffered
.-
HTMLMediaElement.controls
Логическое значение, отражающее атрибут
управления
HTML, указывающий, следует ли отображать элементы пользовательского интерфейса для управления ресурсом.-
HTMLMediaElement.controlsList
Только чтение Возвращает
DOMTokenList
, который помогает пользовательскому агенту выбирать, какие элементы управления отображать в медиа-элементе всякий раз, когда пользовательский агент показывает свой собственный набор элементов управления.DOMTokenList
принимает одно или несколько из трех возможных значений:nodownload
,nofullscreen
иnoremoteplayback
.-
HTMLMediaElement.crossOrigin
Строка, указывающая настройку CORS для этого медиа-элемента.
-
HTMLMediaElement.currentSrc
Только чтение Возвращает строку с абсолютным URL-адресом выбранного медиа-ресурса.
-
HTMLMediaElement.currentTime
Значение двойной точности с плавающей запятой, указывающее текущее время воспроизведения в секундах; если медиаданные не начали воспроизводиться и поиск не выполнялся, это значение является начальным временем воспроизведения медиафайлов. Установка этого значения ищет носитель на новое время. Время указывается относительно временной шкалы носителя.
-
HTMLMediaElement.defaultMuted
Логическое значение, отражающее HTML-атрибут
muted
, указывающий, должен ли аудиовыход мультимедийного элемента быть отключен по умолчанию.-
HTMLMediaElement.defaultPlaybackRate
A
double
указывает скорость воспроизведения по умолчанию для мультимедиа.-
HTMLMediaElement.disableRemotePlayback
Логическое значение, которое устанавливает или возвращает состояние удаленного воспроизведения, указывающее, разрешено ли медиа-элементу иметь пользовательский интерфейс удаленного воспроизведения.
-
HTMLMediaElement.duration
Только чтение Доступное только для чтения значение двойной точности с плавающей запятой, указывающее общую продолжительность мультимедиа в секундах. Если данные мультимедиа недоступны, возвращается значение
NaN
. Если мультимедиа имеет неопределенную длину (например, потоковое мультимедиа в реальном времени, мультимедиа вызовов WebRTC и т. д.), значение равно 9.0004 +Бесконечность .-
HTMLMediaElement.ended
Только чтение Возвращает логическое значение, указывающее, закончилось ли воспроизведение элемента мультимедиа.
HTMLMediaElement.error
Только чтениеВозвращает объект
MediaError
для самой последней ошибки илиnull
, если ошибки не было.-
HTMLMediaElement.loop
Логическое значение, отражающее HTML-атрибут
цикла
, указывающий, должен ли медиа-элемент начинаться заново, когда он достигает конца.-
HTMLMediaElement.mediaKeys
Только чтение Возвращает объект
MediaKeys
, представляющий собой набор ключей, которые элемент может использовать для расшифровки мультимедийных данных во время воспроизведения.null
.-
HTMLMediaElement.muted
Логическое значение, определяющее, отключен ли звук.
true
, если звук отключен, иfalse
в противном случае.-
HTMLMediaElement.networkState
Только чтение Возвращает
беззнаковое короткое
(перечисление), указывающее текущее состояние загрузки мультимедиа по сети.-
HTMLMediaElement.paused
Только чтение Возвращает логическое значение, указывающее, приостановлен ли медиа-элемент.
-
HTMLMediaElement.playbackRate
Двойное значение
-
HTMLMediaElement.played
Только чтение Возвращает объект
TimeRanges
, который содержит диапазоны медиа-источников, воспроизведенных браузером, если таковые имеются.-
HTMLMediaElement.preload
Строка, отражающая
Атрибут HTML, указывающий, какие данные должны быть предварительно загружены, если таковые имеются. Возможные значения:нет
,метаданные
,авто
.-
HTMLMediaElement.preservesPitch
Логическое значение, определяющее, будет ли сохранена высота звука. Если установлено значение
false
, высота тона будет соответствовать скорости звука.-
HTMLMediaElement.readyState
Только чтение Возвращает
беззнаковое короткое
(перечисление), указывающее состояние готовности носителя.-
HTMLMediaElement.seekable
Возвращает объект
TimeRanges
, содержащий временные диапазоны, которые пользователь может найти, если они есть.-
HTMLMediaElement.seeking
Только чтение Возвращает логическое значение, указывающее, находится ли носитель в процессе поиска новой позиции.
-
HTMLMediaElement.sinkId
Только чтение Экспериментальный Возвращает строку, являющуюся уникальным идентификатором аудиоустройства, доставляющего выходные данные, или пустую строку, если используется пользовательский агент по умолчанию. Этот идентификатор должен быть одним из
, возвращенных из значений MediaDeviceInfo.deviceidMediaDevices.enumerateDevices()
,id-multimedia
илиid-коммуникаций
.-
HTMLMediaElement.src
Строка, отражающая HTML-атрибут
src
, который содержит URL-адрес используемого медиаресурса.-
HTMLMediaElement. srcObject
MediaStream
, представляющий медиафайл для воспроизведения или воспроизведенный в текущемHTMLMediaElement
илиnull
, если он не назначен.-
HTMLMediaElement.textTracks
Только чтение Возвращает объект
TextTrackList
, содержащий списокобъектов TextTrack
, содержащихся в элементе.-
HTMLMediaElement.videoTracks
Только чтение Возвращает объект
VideoTrackList
, содержащий списокобъектов VideoTrack
, содержащихся в элементе.-
HTMLMediaElement.volume
двойной
, указывающий громкость звука, от 0,0 (тихий) до 1,0 (самый громкий).
Обработчики событий
-
HTMLMediaElement.onencrypted
Устанавливает обработчик событий, вызываемый при шифровании носителя.
-
HTMLMediaElement.onwaitingforkey
Устанавливает обработчик событий, вызываемый, когда воспроизведение блокируется во время ожидания ключа шифрования.
Эти свойства устарели и не должны использоваться, даже если браузер все еще поддерживает их.
-
HTMLMediaElement.controller
Устаревший Нестандартный Объект
MediaController
, представляющий медиа-контроллер, назначенный элементу, илиnull
, если ни один не назначен.-
HTMLMediaElement.mediaGroup
Устаревший Нестандартный Строка, отражающая HTML-атрибут
mediagroup
, указывающий имя группы элементов, к которой он принадлежит. Группа медиаэлементов имеет общийМедиаконтроллер
.-
HTMLMediaElement.mozAudioCaptured
Только для чтения Нестандартный Устаревший Возвращает логическое значение. Относится к захвату аудиопотока.
-
HTMLMediaElement.mozFragmentEnd
Нестандартный Устаревший Двойной
currentSrc
, в противном случае он равен продолжительности мультимедиа.
Этот интерфейс также наследует методы от своих предков HTMLElement
, Element
, Node
и EventTarget
.
-
HTMLMediaElement.addTextTrack()
Добавляет новый объект
TextTrack
(например, дорожку для субтитров) к элементу мультимедиа. Это только программный интерфейс, который не влияет на DOM.-
HTMLMediaElement.captureStream()
Возвращает
MediaStream
, захватывает поток медиаконтента.-
HTMLMediaElement.canPlayType()
При наличии строки, определяющей тип носителя MIME (возможно, с включенным параметром
codecs
),canPlayType()
возвращает строку, вероятно,
, если носитель должен воспроизводиться,, возможно,
, если недостаточно информации, чтобы определить, является ли медиа будет воспроизводиться или нет, или пустая строка, если медиа невозможно воспроизвести.-
HTMLMediaElement.fastSeek()
Быстрый поиск заданного времени с низкой точностью.
-
HTMLMediaElement.load()
Сбрасывает носитель на начало и выбирает наилучший доступный источник из источников, предоставленных с использованием атрибута
src
или элемента-
HTMLMediaElement.pause()
Приостанавливает воспроизведение мультимедиа.
-
HTMLMediaElement.play()
Начинает воспроизведение мультимедиа.
-
HTMLMediaElement.seekToNextFrame()
Устаревший Переход к следующему кадру в медиа. Этот нестандартный экспериментальный метод позволяет вручную управлять чтением и рендерингом мультимедиа с заданной скоростью или покадрово перемещаться по мультимедиа для выполнения фильтрации или других операций.
-
HTMLMediaElement.setMediaKeys()
Возвращает
Обещание
. Устанавливает ключиMediaKeys
для использования при расшифровке мультимедиа во время воспроизведения.-
HTMLMediaElement.setSinkId()
Устанавливает идентификатор аудиоустройства, которое будет использоваться для вывода, и возвращает обещание
Эти методы устарели и не должны использоваться, даже если браузер их поддерживает.
-
HTMLMediaElement.mozCaptureStream()
Нестандартный [введите описание]
-
HTMLMediaElement.mozCaptureStreamUntilEnded()
Нестандартный Устаревший [введите описание]
-
HTMLMediaElement. mozGetMetadata()
Нестандартный Устаревший Возвращает
Object
, который содержит свойства, представляющие метаданные воспроизводимого медиа-ресурса в виде пар{ключ: значение}
. При каждом вызове метода возвращается отдельная копия данных. Этот метод должен вызываться после того, как сработает событие loadmetadata.
Наследует методы своего родителя, HTMLElement
. Слушайте эти события, используя addEventListener()
или путем назначения прослушивателя событий свойству oneventname
этого интерфейса.
-
прервать
Инициировано, когда ресурс не был полностью загружен, но не в результате ошибки.
-
канплей
Запускается, когда пользовательский агент может воспроизводить медиафайлы, но считает, что было загружено недостаточно данных для воспроизведения медиафайлов до конца без необходимости остановки для дальнейшей буферизации контента.
-
можно проиграть
Запускается, когда пользовательский агент может воспроизводить мультимедиа и оценивает, что было загружено достаточно данных для воспроизведения мультимедиа до конца без необходимости остановки для дальнейшей буферизации контента.
-
изменение длительности
Вызывается при обновлении свойства продолжительности.
-
опорожнен
Запускается, когда носитель становится пустым; например, когда носитель уже загружен (или частично загружен), а
Метод HTMLMediaElement.load()
вызывается для его перезагрузки.-
завершено
Возникает, когда воспроизведение останавливается при достижении конца медиафайла (<аудио> или <видео>) или из-за отсутствия дополнительных данных.
-
ошибка
Возникает, когда ресурс не может быть загружен из-за ошибки.
-
загруженные данные
Вызывается после завершения загрузки первого кадра носителя.
-
загруженные метаданные
Инициировано, когда метаданные были загружены.
-
запуск нагрузки
Возникает, когда браузер начал загружать ресурс.
-
пауза
Запускается, когда обрабатывается запрос на приостановку воспроизведения и действие переходит в состояние паузы, что чаще всего происходит при вызове метода HTMLMediaElement.pause() носителя.
-
играть
Возникает, когда свойство
paused
изменяется сtrue
наfalse
в результате действия методаHTMLMediaElement.play() или атрибута
autoplay
.-
игра
Возникает, когда воспроизведение готово к началу после паузы или задержки из-за отсутствия данных.
-
прогресс
Возникает периодически, когда браузер загружает ресурс.
-
изменение скорости
Срабатывает при изменении скорости воспроизведения.
-
изменить размер
Возникает, когда одно или оба свойства
videoWidth
иvideoHeight
только что были обновлены.-
искал
Запускается после завершения операции поиска.
-
поиск
Запускается, когда начинается операция поиска.
-
заглох
Возникает, когда пользовательский агент пытается получить данные мультимедиа, но данные неожиданно не приходят.
-
приостановить
Возникает, когда загрузка медиаданных была приостановлена.
-
обновление времени
Срабатывает, когда время, указанное цифрой
Свойство currentTime
обновлено.-
изменение громкости
Срабатывает при изменении громкости.
-
ожидание
Возникает, когда воспроизведение остановлено из-за временного отсутствия данных.
Спецификация |
---|
Стандарт HTML # htmlmediaelement |
Таблицы BCD загружаются только в браузере с включенным JavaScript. Включите JavaScript для просмотра данных.
Ссылки
-
<видео>
и<аудио>
Элементы HTML -
Интерфейсы HTMLVideoElement
иHTMLAudioElement
, производные отHTMLMediaElement
Руководства
- Технологии веб-медиа
- Область обучения: видео- и аудиоконтент
- Руководство по типам и форматам носителей
- Обработка проблем поддержки мультимедиа в веб-содержимом
Обнаружили проблему с содержанием этой страницы?
- Редактировать страницу на GitHub.
- Сообщить о проблеме с содержимым.
- Просмотрите исходный код на GitHub.
Последний раз эта страница была изменена участниками MDN.
mediaelement — Библиотеки — cdnjs
Версия
Тип актива
Некоторые файлы скрыты, нажмите, чтобы показать все файлы- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/mediaelement.min.js
- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/ demo.min.js
- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/mediaelement-and-player.min.js
- https://cdnjs.cloudflare.com/ajax/ libs/mediaelement/6.0.3/mediaelementplayer-legacy.min.css
- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/mediaelementplayer.min.css
- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/lang/ca. min.js
- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3 /lang/cs.min.js
- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/lang/de.min.js
- https://cdnjs.cloudflare.com/ajax /libs/mediaelement/6.0.3/lang/es.min.js
- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/lang/fa.min.js
- https:/ /cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/lang/fr.min.js
- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/lang/hr.min.js
- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3 /lang/hu.min.js
- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/lang/it.min.js
- https://cdnjs.cloudflare.com/ajax /libs/mediaelement/6.0.3/lang/ja.min.js
- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/lang/ko.min.js
- https:/ /cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/lang/ms.min.js
- https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.