Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Audio mediaGroup Property

  • Last Updated : 05 Aug, 2019

The Audio mediaGroup property is used for setting or returning the name of the media group the audio is a part of.
Two or more <audio> elements can be synchronized together using a media group.


Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

  • Return the mediaGroup property:
  • Set the mediaGroup property:
    audioObject.mediaGroup = group

Property Value:

  • group: It is used to specify the media group of the video.

Return: The Audio mediaGroup property returns a string which represents the media group of the audio.

Below program illustrates the Audio mediaGroup Property:
Example: Setting the media group for 2 <audio> elements.

<!DOCTYPE html>
        Audio mediaGroup Property
<body style="text-align: center">
    <h1 style="color: green">
    <h2 style="font-family: Impact">
      Audio mediaGroup Property
    <audio id="Test_Audio1" controls>
        <source src="sample1.ogg" type="audio/ogg">
        <source src="sample1.mp3" type="audio/mpeg">
    <audio id="Test_Audio2" controls>
        <source src="sample2.ogg" type="audio/ogg">
        <source src="sample2.mp3" type="audio/mpeg">
    <p>For setting the media group on the videos, 
      double click the "Set mediaGroup" button.</p>
    <p>For returning the mediaGroup of the video, 
      double click the "Return mediaGroup" button.</p>
    <button ondblclick="set()" type="button">
      Set mediaGroup
    <button ondblclick="get()" type="button">
      Return mediaGroup
        var v1 = document.getElementById("Test_Audio1");
        var v2 = document.getElementById("Test_Audio2");
        function set() {
            v1.mediaGroup = "Track 1";
            v2.mediaGroup = "Track 2";
        function get() {
            alert("Media group of Video 1 is : " + v1.mediaGroup +
                ". Media group of Video 2 is : " + v2.mediaGroup);


  • Before clicking the button:
  • After clicking the button:

Supported Browsers: The browser supported by HTML | DOM Audio mediaGroup Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Apple Safari

My Personal Notes arrow_drop_up
Recommended Articles
Page :