Open In App

HTML | DOM Video mediaGroup Property

Last Updated : 16 Aug, 2022
Like Article

The Video mediaGroup property is used for setting or returning the name of the media group the video is a part of. Two or more <video> elements can be synchronized together using a media group. The Video mediaGroup property returns a string which represents the media group of the video. Syntax:

  • Returning the mediaGroup property:
  • Setting the mediaGroup property:
videoObject.mediaGroup = group

Note: This property has been DEPRECATED and is no longer recommended.

Property Values:

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

Below program illustrates the Video mediaGroup property : 

Example: Setting the video to loop. 


<!DOCTYPE html>
        HTML | DOM Video mediaGroup Property
        h1 {
            color: green;
        h2 {
            font-family: Impact;
        body {
            text-align: center;
    <h2>Video mediaGroup Property</h2>
    <video id="Test_Video1"
        <source src="samplevideo.mp4"
        <source src="movie.ogg"
    <video id="Test_Video2"
        <source src="sample2.mp4"
        <source src="movie.ogg"
      For setting the media group on the videos,
      double click the "Set mediaGroup" button.
      For returning the mediaGroup of the video,
      double click the "Return mediaGroup" button.
    <button ondblclick="set()"
      Set mediaGroup
    <button ondblclick="get()"
      Return mediaGroup
        var v1 = document.getElementById(
        var v2 = document.getElementById(
        function set() {
            v1.mediaGroup = "Heap Sort";
            v2.mediaGroup = "Quick Sort";
        function get() {
            alert("Media group of Video 1 is : "
                  + v1.mediaGroup +
                ". Media group of Video 2 is : "
                  + v2.mediaGroup);


  • Before clicking the Set mediaGroup button:
  • After clicking the Set mediaGroup button:

Supported Browsers: The browser supported by HTML | DOM Video mediaGroup Propertyare listed below:

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

Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads