​x
 
<!DOCTYPE html> 
<html> 
<body> 
​
<video id="myVideo1" width="640" height="360" controls>
  <source src="/i/video/shanghai.mp4" type="video/mp4">
  <source src="/i/video/shanghai.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>
​
<video id="myVideo2" width="640" height="360" controls>
  <source src="/i/video/shanghai.mp4" type="video/mp4">
  <source src="/i/video/shanghai.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video><br>
​
<button onclick="setMedGroup()" type="button">为视频设置媒体组</button>
<button onclick="getMedGroup()" type="button">为视频设置媒体组</button>
​
<script>
var x = document.getElementById("myVideo1");
var y = document.getElementById("myVideo2");
​
function setMedGroup() { 
  x.mediaGroup = "test";
  y.mediaGroup = "test";
} 
​
function getMedGroup() { 
  alert("视频 1 媒体组：" + x.mediaGroup +
  ". 视频 2 媒体组：" + y.mediaGroup);
} 
</script> 
​
</body> 
</html>
​