Categories
HTML Web development

HTML video tag

HTML video tag

The HTML <video> tag is used to show a video on a website.

Use the <source> tag within <video> to play a video:

Example:

<!DOCTYPE html> 
<html> 
<body> 

<video width="640" controls>
  <source src="https://videos.files.wordpress.com/lFj3lsG4/valentines-day-movie_dvd.mp4" type="video/mp4">
</video>

</body> 
</html>

Output:

Note: The controls attribute adds video controls, like play, pause, and volume.

To start a video automatically, use the autoplay attribute:

<!DOCTYPE html> 
<html> 
<body> 

<video width="640" autoplay>
  <source src="https://videos.files.wordpress.com/lFj3lsG4/valentines-day-movie_dvd.mp4" type="video/mp4">
</video>

</body> 
</html>

Output:

Add muted attribute after autoplay attribute to let your video start playing automatically (but muted):

<!DOCTYPE html> 
<html> 
<body> 

<video width="640" autoplay muted>
  <source src="https://videos.files.wordpress.com/lFj3lsG4/valentines-day-movie_dvd.mp4" type="video/mp4">
</video>

</body> 
</html>

Output:

There are 3 supported video formats for the <video> tag: MP4/MPEG 4 (video/mp4), WebM (video/webm), and Ogg (video/ogg).

Enjoy coding!