English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Атрибут mediaGroup отражает HTML атрибут media-group, который указывает на имя группы элементов, к которой он принадлежит. Группа элементов медиа.shared имеет один общий контроллер.
Руководство по DOM аудио/видео HTML
Настройка медиагруппы для двух видео:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Использование атрибута mediaGroup свойства audio/video в HTML - базовый учебник (oldtoolbag.com)</title> </head> <body> <button onclick="setMedGroup()" type="button">Установить медиагруппу для двух видео</button> <button onclick="getMedGroup()" type="button">Получить медиагруппу видео</button> <br> <video id="video1" controls="controls"> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Ваш браузер не поддерживает HTML5 video. </video> <video id="video2" controls="controls"> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Ваш браузер не поддерживает тег HTML5 video. </video> <script> myVid1=document.getElementById("video1"); myVid2=document.getElementById("video2"); function setMedGroup() {}} myVid1.mediaGroup="test"; myVid2.mediaGroup="test"; } function getMedGroup() {}} alert("Video 1 media group: " + myVid1.mediaGroup + ". Video 2 media group: " + myVid2.mediaGroup); } </script> </body> </html>Проверьте, <</>>
Свойство mediaGroup устанавливает или возвращает имя медиагруппы, к которой принадлежит аудио/видео.
Медиагруппа позволяет синхронизировать два или более аудио/видео элемента.
IEFirefoxOperaChromeSafari
Все основные браузеры поддерживают свойство mediaGroup.
Установка свойства mediaGroup:
audio|video.mediaGroup="группа"
Возврат свойства mediaGroup:
audio|video.mediaGroup
Значение | Описание |
---|---|
группа | Определяет медиакомплект аудио/видео. |
Возврат значения: | Строка значений, указывающая на медиакомплект аудио/видео. |
---|