HTML <source> type Attribute Last Updated : 07 Jun, 2023 Comments Improve Suggest changes Like Article Like Report 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= "https://write.geeksforgeeks.org/wp-content/uploads/11.wav" 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= "https://media.geeksforgeeks.org/wp-content/uploads/20190614120700/20190614_112020.mp4" type="video/mp4"> </video> </body> </html> Output: Supported browsers: Google Chrome Edge 12 and aboveInternet Explorer 9.0 and aboveMozilla Firefox 3.5 and aboveSafari Opera Comment More infoAdvertise with us Next Article HTML | <track> default Attribute M manaschhabra2 Follow Improve Article Tags : Web Technologies HTML HTML-Attributes Similar Reads HTML Audio Element AttributesHTML <audio> autoplay AttributeThe HTML <audio> autoplay attribute is used to specify that the audio should automatically start playing as soon as it is loaded. It is a Boolean attribute. Note: Autoplay is not allowed in most cases on Chromium browsers. However, it is allowed when muted. Syntax: <audio autoplay>Examp 1 min read HTML | <audio> controls AttributeThe HTML <audio> controls attribute is used to specify the control to play audio. It is the Boolean value. This attribute is new in HTML5. The audio control attribute contains the following property: PlayPauseSeekingVolume Syntax: <audio controls> Example: html <!DOCTYPE html> < 1 min read HTML <audio> crossorigin AttributeThe HTML crossorigin Attribute is used in the <audio> element that supports a CORS request when we tried to fetch out the audio files from the third-party servers or from another domain. Syntax: <audio crossorigin="anonymous | use-credentials">Attribute Values: anonymous: It has a Defau 1 min read HTML | <audio> loop AttributeThe HTML <audio> loop Attribute is used to restart the audio again and again after loading the web page. It contains the Boolean value. This tag is new in HTML 5. Syntax: <audio loop> Example: html <!DOCTYPE html> <html> <head> <title> HTML Audio loop Attribute 1 min read HTML | <audio> preload AttributeThe HTML audio preload Attribute is used to specify the way the author thinks the audio should be loaded when the page loads. The audio preload attribute allows the author to portray to the browser about the way the user experience of a website should be implemented. Syntax: <audio preload="auto 1 min read HTML | <audio> src AttributeThe HTML <audio> src attribute is used to specify the URL of the audio files. We should use the Mp3 file for play the audio in the Internet Explorer and Safari Browsers. The source element can be used to add audio files to a webpage to work in all the Browsers. Syntax: <audio src="URL"> 1 min read HTML Video Element AttributesHTML <video> autoplay AttributeHTML <video> autoplay attribute is used to specify that the video will play automatically after loading the web page. It is the Boolean value, this attribute is new in HTML5. Syntax: <video src="" autoplay>HTML <video> autoplay attribute ExamplesExample: Here is the basic implemen 2 min read HTML | <video> controls AttributeThe HTML <video> controls Attribute is used to specify the control to play video. It is the Boolean value. This attribute is new in HTML5. The video control should include: PlayPauseVolumeFull-screen ModeSeekingCaptions/Subtitles(if available)Track(if available) Syntax: <video controls> 1 min read HTML <video> crossorigin AttributeThe HTML crossorigin attribute is used in the <video> element that supports a CORS request when we tried to fetch out the video files from the third-party servers or from another domain. Syntax: <video crossorigin="anonymous | use-credentials"> Attribute Values: anonymous: It has a defau 1 min read HTML | <video> height AttributeThe HTML <video> height attribute is used to specify the height of the video player in terms of pixels. Syntax: <video height="pixels"> Attribute Values: It contains single value pixels which specifies the height of the video player in terms of pixels. Below example illustrates the use o 1 min read HTML video loop AttributeThe HTML <video> loop Attribute is used to restart the video again and again after finishing it. It contains the Boolean value.The loop attribute is a boolean value.Syntax:<video loop>Example: This example shows the use of the HTML video loop attribute.html<!DOCTYPE html> <html 1 min read HTML | <video> muted AttributeThe HTML <video> muted Attribute is used to specify the audio output of the video is muted, it is a Boolean attribute. Syntax: <video muted> Example: html <!DOCTYPE html> <html> <head> <title> HTML Video muted Attribute </title> </head> <body style= 1 min read HTML | <video> poster AttributeThe HTML <video> poster Attribute is used to display the image while video downloading or when user click the play button. If this image not set then it will take the first frame of video as a poster image. Syntax: <video poster="URL"> Attribute Values: It contains a single value URL whi 1 min read HTML | <video> preload AttributeThe HTML audio preload Attribute is used to specify the way the author thinks the video should be loaded when the page loads. The video preload attribute allows the author to portray to the browser about the way the user experience of a website should be implemented. Syntax: <video preload="auto 1 min read HTML | <video> src AttributeThe HTML <video> src Attribute is used to specify the URL of the video file. This attribute uses Ogg file on Firefox, Opera and Chrome browsers and MPEG4 file on Internet Explorer and Safari browsers. This attribute is new in HTML5. Syntax: <video src="URL"> Attribute Values: It contains 1 min read HTML <video> width AttributeHTML <video> width Attribute is used to specify the width of the video display area in pixels of its container element's width. Note: Always specify the width and the height of the video else the web page will be confused about how much space that video will require due to that reason web page 1 min read HTML Img Element AttributesHTML <img> align AttributeThe HTML <img> align attribute sets an image’s alignment relative to surrounding elements, allowing horizontal or vertical positioning. It is deprecated in HTML5 and replaced by CSS properties like float and vertical alignment for more flexible and modern alignment options.Note: The align attr 5 min read HTML img alt AttributeThe <img> alt attribute is used to specify alternative text for an image. This attribute is particularly useful when the image cannot be displayed, either due to a broken link or when users rely on screen readers.Syntax<img src="image.jpg" alt="text">Attribute ValuesThe alt attribute con 1 min read HTML | <img> border AttributeThe <img> border attribute is used to specify the border width around the image. The default value of <img> border attribute is 0. It is not supported by HTML 5. Use CSS instead of this attribute. Syntax: <img border="pixels"> Attribute Values: It contains single value pixels which 1 min read HTML Canvas Element AttributesHTML <canvas> height AttributeThe HTML <canvas> height Attribute is used to specify the height of the <canvas> element in terms of pixels. Syntax: <canvas height="pixels"> Attribute Values: It contains single value pixels which specify the height of the canvas in terms of pixel. It has a Default value which is 1 min read HTML <canvas> width AttributeThe HTML <canvas> width Attribute is used to specify the width of the <canvas> in terms of pixels. Syntax: <canvas width="pixels"> Attribute Values: It contains the value i.e pixels which specify the width of the canvas in terms of pixel. It has a Default value which is 300. Exampl 1 min read HTML Embed Element AttributesHTML | <embed> height AttributeThe HTML <embed> height attribute is used to specify the height of the embedded content. Syntax: <embed height = "pixels"> Attribute Values: pixels: The width value are set in terms of pixels. It is used to specify the height of embedded content. Example: html <!DOCTYPE html> <h 1 min read HTML | <embed> src AttributeThe HTML <embed> src Attribute is used to specify the web address of the embedded content. Syntax: <embed src="URL"> Attribute Values: URL: It is used to specify the web address of the embedded content.An absolute URL: It points to another webpage.A relative URL: it points to a file with 1 min read HTML | <embed> type AttributeThe HTML embed type Attribute contains the media_type content. It is used to specify the media type of the embedded content. Syntax: <embed type="media_type"> Attribute Values: media_type: It contains the media_type content. It is used to specify the media type of the embedded content. Example 1 min read HTML | <embed> width AttributeThe HTML embed width attribute is used to specify the width of the embedded content. Syntax: <embed width="pixels"> Attribute Values: pixels: The width of embed value are set in terms of pixels. It is used to specify the width of embedded content. Example: html <!DOCTYPE html> <html 1 min read HTML Object Element AttributesHTML | <object> align AttributeThe HTML <object> align Attribute is used to specify an alignment for an object Element. It is an inline element means that can not insert a new line on a page. The text and other elements can also wrap around it. Note: This attribute is not supported by HTML5. Syntax: <object align="left | 1 min read HTML | <object> data AttributeThe <object> data Attribute in HTML is used to specify the URL of the Embedded file of an Object. Syntax: <object data="URL"> Attribute Values: It contains single value URL which is used to specify the source of the object. The possible value of URL are: absolute URL: It points to anothe 1 min read HTML | <object> form AttributeThe HTML <object> form Attribute is used to specify the one or more forms that the <object> Element belongs to. Syntax: <object form="form_id"> Attribute Values: form_id: It is used to specify the <form> elements that the <object> element belongs to . The value of this 1 min read HTML | <object> height AttributeThe HTML <object> height attribute is used to specify the height of the object element in terms of pixel. Syntax: <object height="pixels"> Attribute Values: pixels: It holds the height of the object in terms of pixels. Below example illustrates the <object> height attribute in HTML 1 min read HTML <object> hspace AttributeThe HTML <object> hspace Attribute is used to specify the number of whitespaces on the left and the right side of the object. Syntax: <object hspace="pixels"> Attribute Value: pixels: It specifies the number of whitespaces in terms of pixels.Note: The <object> hspace Attribute is 1 min read HTML | <object> name AttributeThe HTML <object> name Attribute is used to specify the name of the embedded file. This attribute is also used as a reference for an object element in the Javascript. Syntax: <object name="name"> Attribute Values: name: It specify the name of the embedded file. Example: html <!DOCTYPE 1 min read HTML | <object> type AttributeThe HTML <object> type Attribute is used to specify the Internet type of MIME type of the Object. Syntax: <object type="media_type"> Attribute Values media_type It is used to specify the Internet media type of the embedded file. Example: html <!DOCTYPE html> <html> <body 1 min read HTML | object usemap AttributeThe HTML usemap attribute is used to specify the name of an image-map to use with the object. The image with some clickable areas is called image-map. The usemap attribute is related to associate degree element’s name attribute and creates a relationship between the thing and also the map. Syntax: 1 min read HTML <object> vspace AttributeThe HTML <object> vspace Attribute is used to specify the number of whitespace on the bottom and top side of an object.Syntax: <object vspace="pixels"> Attribute: pixels: It specifies the number of whitespaces on the top and bottom of an object in terms of pixels. Note: The <object 1 min read HTML <object> width AttributeThe HTML <object> width attribute is used to specify the horizontal dimension of the embedded object, defining the width of the displayed content within the webpage. Syntax: <object width="pixels">Attribute Values: pixels: It holds the width of the object in terms of pixels.The below exa 1 min read HTML Source Element AttributesHTML | <source> media AttributeThe HTML source media attribute accepts any valid media query that would normally be defined in a CSS. This attribute can accept several values. Syntax: <source media="media_query"> Possible Operators: Value Description and AND operator not NOT operator , OR operator Devices: Value Description 2 min read HTML | <source> src AttributeThe HTML <source> src attribute is used to specify the URL of the media resource. The source element is used as a child element of the <audio> and <video> element. Syntax: <source src="URL"> Attribute Values: It contains single value URL which specifies the URL of the media r 1 min read HTML | <source> srcset AttributeThe HTML srcset attribute is used to specifies the URL of an image to use in different situations. when <source> is used in <picture> it is requiredSyntax: <source srcset="URL"> Attribute Values URL: It specifies the URL of image Example: html <!DOCTYPE html> <html> 1 min read HTML <source> type AttributeThe 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.Examp 1 min read HTML Track Element AttributesHTML | <track> default AttributeThe HTML <track> default Attribute is a Boolean attribute. This attribute is used to specify that the track will be enabled if the user's preferences do not indicate that another track would be more appropriate. Note: With a default attribute, there must not be more than one track element per 1 min read HTML | <track> label AttributeThe HTML <track> label Attribute is used to specify the label of the text track. Syntax: <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English"> Attribute Values: label: It specify the label of the text track. Example: html <!DOCTYPE html> <html> <head 1 min read HTML | <track> src AttributeThe HTML <track> src Attribute is used to specify the URL of the track. Syntax: <track src="subtitles_en.vtt"> Attribute Values: It contains single value URL which is used to specify the URL of the track. Below example illustrates the use of src attribute in <track> element. Ex 1 min read HTML <track> srclang AttributeThe HTML <track> element's srclang attribute specifies the language of the text track's data. It is used in <track> elements within <video> or <audio> tags, defining the language of subtitles, captions, or other track content using language codes like "en" for English.Note: s 2 min read HTML Iframe Element AttributesHTML <iframe> align AttributeThe HTML <iframe> align attribute is used to specify the alignment of the inline-frame according to the alternate element. Syntax<iframe align="left|right|middle|top|bottom">Attribute Valuesleft: It sets the alignment of an iframe to left.right: It sets the alignment of an iframe to righ 1 min read HTML | <Iframe> frameborder AttributeThe HTML Iframe frameborder Attribute is used to specify whether or not to display the border around the content of an <Iframe> Element. Syntax: <iframe frameborder="1 | 0"> Attribute Values: 0: It has a Default value. It sets the border on one state. 1: It sets the border on-off state. 1 min read HTML | <iframe> height AttributeThe HTML <iframe> height attribute is used to specify the height of the <iframe> in terms of pixels. Syntax: <iframe height="pixels"> Attribute Values: It contains single value pixel which specifies the height of the iframes in terms of pixels. Below example illustrates the use of 1 min read Like