Videos

In previous exercises, we focused on creating more engaging pages using images. Now let's look at another important element, which is video. Unlike images, videos have an opening tag, closing tag, and content.

<video src="video-link" controls>
	Video not supported.
</video>

As we can see, the video element also uses the src attribute, which contains the link to the video, similar to images.

We can also see the controls attribute, which doesn't have a value. This is because it has only two possible values - true or false. So when the video has the controls attribute, it means that we want buttons for controlling the video. When it doesn't have the attribute, it means that we don't want buttons for controlling the video.

The last thing we can notice is the content of the video, Video not supported. This is going to be displayed only if the video fails to load.