Embedding a video is similar to embedding an audio. The attributes and tags used are comparable.

Embedding Video

The <video> tag embeds video content into an HTML document, allowing users to play videos directly within the browser.

Video Attributes

• controls: adds video controls for play, pause, and volume adjustment;
• autoplay: specifies autoplay functionality;
• loop: allows continuous video looping.

<video controls autoplay loop>
  <!-- Source tags will be defined here -->
</video>

Source

The <source> tag is used within the <video> tag to specify the source (URL) of the video file and its attributes. src specifies the URL of the video file. type specifies the MIME type of the video file.
Example:

<video controls autoplay loop>
  <source src="video-url.mp4" type="video/mp4" />
  <source src="video-url.webm" type="video/webm" />
  Your browser does not support the video element.
</video>

In the example above:

• The <video> tag includes controls, autoplay, and loop attributes;
• The <source> tags specify the source URLs of the video files and their MIME types;
• If the browser does not support the <video> tag or the specified video formats, the alternative text Your browser does not support the video element. is displayed.