In this topic, we described about the <video> tag along with detailed example.
The <video> element was introduced in HTML 5. Defines video or movie streams in the HTML document. <video> tag is commonly used to embed video files to web pages.
MP3, Wav and Ogg are the 3 supported file formats for the <vide> element. MP3 format is supported by all browsers.
The URL of the video file can be specified in between the opening and closing tags <video src="" controls></video>.
Any content in between the opening and closing <video> tags is replacement content if browser not supported the <video> tag or <video> format.
Optional Attributes -
|autoplay||Specifies the video can be loading and playing will be done automatically.||None.|
|controls||Instructs the web browser to apply browsers in-built set of user controls (to stop, play, mute, etc.).||None.|
|loop||Specifies that replay the video once it has finished.||None.|
|mediagroup||Used to group several audio and/or video elements together.||Text.|
|muted||Specifies that mute the video resource by default.||None.|
|preload||Specifies the size of the video file should be buffered.||none: specifies fetch video data once playback has been appealed.
metadata: Fetch the duration data.
auto: User specification comes before server
|src||Specifies the location of the video file.||URL.|
<!DOCTYPE html> <html> <head> <title>Track tag example.. </title> </head> <body> <video width="360" height="240" controls> <source src="video/light.mp4" type="video/mp4"> </video> </body> </html>