How to specify the type of the media resource in HTML5 ?
Last Updated :
06 Jun, 2023
Here, we will see how to set the media type of the media resource using HTML. To select the media type of media resource we use the <source> tag. This tag is used to attach multimedia files like audio, video, and pictures to a web page or website. The <audio>, <video>, and <picture> elements contain the <source> element.
Syntax:
<source src="" type="">
// Statements
</source>
Example: In this example, we will specify the media resources by using the <source> tag.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to specify the media type
of the media resource in HTML5?
</title>
</head>
<body style="text-align: center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>
How to specify the media type
of the media resource in HTML5?
</h3>
<video width="400" height="350" controls>
<source src=
type="video/mp4">
</video>
</br></br>
<audio controls>
<source src=
type="audio/mp3">
</audio>
</body>
</html>
|
Output:
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...