Integrating Video into Web Pages
Embedding a video is similar to embedding an audio. The attributes and tags used are comparable. Let's take a detailed view.
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.
Example:
html<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:
html<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 includescontrols
,autoplay
, andloop
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 textYour browser does not support the video element.
is displayed.
index.html
Video Tutorial
1. Which tag is used to embed video content into an HTML document?
2. What attribute of the <video>
and <audio>
tags adds controls like play, pause, and volume adjustment?
Grazie per i tuoi commenti!