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

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

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

Атрибут mediaGroup DOM аудио/видео HTML

Атрибут 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

Значение свойства

ЗначениеОписание
группаОпределяет медиакомплект аудио/видео.

Технические детали

Возврат значения:Строка значений, указывающая на медиакомплект аудио/видео.
 Руководство по DOM аудио/видео HTML