HTML 参考手册在线编辑器 | HTML 参考手册代码测试

<!DOCTYPE html> 
<html> 
<body>

<button onclick="setMedGroup()" type="button">Set media group for videos</button>
<button onclick="getMedGroup()" type="button">Get media group for videos</button><br>

<video id="myVideo1" width="320" height="176" controls>
  <source src="/demo/video/mov_bbb.mp4" type="video/mp4">
  <source src="/demo/video/mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

<video id="myVideo2" width="320" height="176" controls>
  <source src="/demo/video/mov_bbb.mp4" type="video/mp4">
  <source src="/demo/video/mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

function setMedGroup() { 
  vid1.mediaGroup="test";
  vid2.mediaGroup="test";
}

function getMedGroup() { 
  alert("Video 1 media group: " + vid1.mediaGroup +
  ". Video 2 media group: " + vid2.mediaGroup);
} 
</script>

</body> 
</html>