HTML | DOM 视频媒体组属性

Video mediaGroup 属性用于设置或返回视频所属的媒体组的名称。
两个或多个元素可以使用媒体组同步在一起。
Video mediaGroup属性返回一个字符串，表示视频的媒体组。

句法：

• 返回 mediaGroup 属性：

  videoObject.mediaGroup

• 设置 mediaGroup 属性：

  videoObject.mediaGroup = group

属性值：

• group：用于指定视频的媒体组。

下面的程序说明了 Video mediaGroup 属性：
示例：将视频设置为循环播放。

  

    
        HTML | DOM Video mediaGroup Property
    
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Video mediaGroup Property
    
  
    
        
        
    
  
    
        
        
    
  
    
      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.
    
  
    
      Set mediaGroup
    
    
      Return mediaGroup
    
  
    
        var v1 = document.getElementById(
          "Test_Video1");
        var v2 = document.getElementById(
          "Test_Video2");
  
        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);
        }
    
  

  

输出：

• 单击 Set mediaGroup 按钮之前：
  
• 单击 Set mediaGroup 按钮后：
  

支持的浏览器： HTML支持的浏览器| DOM Video mediaGroup 属性如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果Safari