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">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Multimedia in HTML</title>
    <!-- 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>

Post a Comment

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

Top Post Ad

Below Post Ad

Ads Section