Skip to content
Related Articles

Related Articles

HTML | type Attribute

Improve Article
Save Article
  • Last Updated : 27 Jul, 2022
Improve Article
Save Article

The HTML <source> type attribute is used to specify the MIME type of the media resource.
Syntax: 
 

<source type="media_type">

Attribute Values: It contains single value MIME_type which specifies the MIME_type of the media resource. Few MIME types are video/ogg, videomp4, audio/ogg etc.
Example 1: This example illustrates the use of <source> type attribute with the audio file. 
 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML source type Attribute
    </title>
</head>
 
<body style="text-align:center;">
     
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
     
    <h3>HTML Source type Attribute</h3>
     
    <audio controls>
        <source src=
            type="audio/mpeg">
    </audio>
</body>
 
</html>                                           


Output: 
 

Example 2: This example illustrates the <source > type attribute with the video file. 
 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML source type Attribute
    </title>
</head>
 
<body style="text-align:center;">
     
    <h1 style="color:green;">
        GeeksforGeeks
    </h1
     
    <video width="420" height="240" controls>
        <source src=
            type="video/mp4">
    </video>
</body>
 
</html>                                                          


Output: 
 

Supported browsers: 

  • Google Chrome 
  • Edge 12 and above
  • Internet Explorer 9.0 and above
  • Mozilla Firefox 3.5 and above
  • Safari 
  • Opera 

 


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!