What is the HTML5 Video API and how can I use it?

What is the HTML5 Video API and how can I use it?

The HTML5 Video API allows you to embed video content in web pages using the <video> element. You can control playback, volume, and more.

Can you show me a basic example of using the <video> tag?

Sure! Here's a simple example:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

What attributes can I use with the <video> tag?

You can use attributes like controls, autoplay, loop, muted, and poster to enhance the video experience.

How can I handle events like play and pause?

You can add event listeners in JavaScript. For example:

const video = document.querySelector('video');
video.addEventListener('play', () => { console.log('Video is playing'); });