HTML 参考手册

HTML 标签大全

HTML Audio/视频 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>

Test to see ‹/›

Definition and Usage

mediaGroup attribute sets or returns audio/The name of the media group to which the video belongs.
The media group allows2one or more audio/The video element remains synchronized.

Browser Compatibility

IEFirefoxOperaChromeSafari

All mainstream browsers support the mediaGroup attribute.

Syntax

Set mediaGroup attribute:

audio|video.mediaGroup="group"

Return mediaGroup attribute:

audio|video.mediaGroup

Attribute Value

Value	Description
group	Specifies audio/Media mix of videos.

Technical Details

Return value:	String value indicating audio/Media mix of videos.

　HTML Audio/Video DOM Reference Manual

HTML: <template> Tag