Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Video | Images and Media
course content

Зміст курсу

HTML Essentials

VideoVideo

Embedding a video is similar to embedding an audio. The attributes and tags used are comparable. Let's take a detailed view.

Embedding Audio

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:

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:

In the example above:

  • The <video> tag includes controls, autoplay, and loop 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 text Your browser does not support the video element. is displayed.
html

index.html

css

index.css

js

index.js

Commonly supported video formats include MP4, WebM, and Ogg. It's recommended to provide the video in multiple formats to ensure compatibility across different browsers and devices.

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?

Which tag is used to embed video content into an HTML document?

Виберіть правильну відповідь

What attribute of the <video> and <audio> tags adds controls like play, pause, and volume adjustment?

Виберіть правильну відповідь

Все було зрозуміло?

Секція 3. Розділ 5
course content

Зміст курсу

HTML Essentials

VideoVideo

Embedding a video is similar to embedding an audio. The attributes and tags used are comparable. Let's take a detailed view.

Embedding Audio

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:

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:

In the example above:

  • The <video> tag includes controls, autoplay, and loop 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 text Your browser does not support the video element. is displayed.
html

index.html

css

index.css

js

index.js

Commonly supported video formats include MP4, WebM, and Ogg. It's recommended to provide the video in multiple formats to ensure compatibility across different browsers and devices.

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?

Which tag is used to embed video content into an HTML document?

Виберіть правильну відповідь

What attribute of the <video> and <audio> tags adds controls like play, pause, and volume adjustment?

Виберіть правильну відповідь

Все було зрозуміло?

Секція 3. Розділ 5
some-alt