HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML 오디오/비디오 DOM mediaGroup 속성

mediaGroup 속성은 mediagroup HTML 속성을 반영하며, 이 속성은 그 소속된 요소 그룹의 이름을 지시합니다. 일반 미디어 요소는 공통 제어기를 공유합니다.

온라인 예제

설정2개의 비디오의 미디어 그룹：

예제

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　오디오/비디오　mediaGroup　속성 사용-기본 튜토리얼(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">
　　Your　browser　does　not　support　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 속성 설정 또는 반환 오디오/비디오가 속한 미디어 그룹의 이름.
미디어 그룹이 허용합니다2개 또는 더 많은 오디오/비디오 요소가 동기화됩니다.

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 mediaGroup 속성을 지원합니다.

문법

mediaGroup 속성 설정:

audio|video.mediaGroup="그룹"

반환 mediaGroup 속성:

audio|video.mediaGroup

속성 값

값	설명
그룹	오디오를 정의합니다/비디오의 미디어 조합.

기술 세부 사항

반환 값:	문자열 값, 오디오를 나타냅니다/비디오의 미디어 조합.

　HTML 오디오/비디오 DOM 참조 설명서

HTML: <template> 태그