Multimedia in HTML



What is Multimedia Tags in HTML?

  • Multimedia Tags are used to show multimedia files on a web page.

  • Media files contain multimedia elements such as audio and video.


1). Audio

<audio> element is used to add an audio file on a web page. 

<audio src="/assets/myAudio.mp3" controls autoplay muted></audio>


Audio Attributes

  • autoplay: This attribute will start the audio file automatically when page reload.

  • controls: This attribute will add the audio controls like play, pause, and volume controls.

  • muted: This attribute will mute the audio file.

2). Video

<video> element is used to show video on a web page.

<video src="/assets/myVideo.mp4" width="400px" height="200px" controls></video>


Video Attributes

  • controls: It will add the video controls like play, pause, and volume controls.
  • autoplay: This will start the video automatically.
  • mutedThis attribute will mute the audio of the video file.
  • width: This attribute is used to add width to the video.
  • height: This attribute is used to add height to the video.

Code Described in the video

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Multimedia in HTML</title>
</head>
<body>
    <!-- Audio in HTML -->
    <audio src="/assets/myAudio.mp3" controls autoplay muted></audio>

    <!-- Video in HTML  -->
    <video src="/assets/myVideo.mp4" width="400px" height="200px" controls></video>
</body>
</html>


Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Top Post Ad

Below Post Ad