Éditeur Tryit de W3Schools

<!DOCTYPE html> 
<html> 
<body>

<button onclick="setMedGroup()" type="button">Définir le groupe de médias pour les vidéos</button>
<button onclick="getMedGroup()" type="button">Obtenir le groupe de médias pour les vidéos</button><br>

<video id="myVideo1" width="320" height="176" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
Votre navigateur ne prend pas en charge la vidéo HTML5.
</video>

<video id="myVideo2" width="320" height="176" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
Votre navigateur ne prend pas en charge la vidéo HTML5.
</video>

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

function getMedGroup() {
alert("Groupe de médias vidéo 1 : " + vid1.mediaGroup +
". Groupe de médias vidéo 2 : " + vid2.mediaGroup);
}
</script>

<p>Vidéo fournie par<a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>

</body>

</html>