Для встраивания видео контента в документ используйте элемент HTML <video>. Видео элемент может содержать один или несколько источников видео. Чтобы указать источник видео, необходимо использовать атрибут src или элемент {{HTMLElement("source")}}; браузер сам определит наиболее подходящий источник.

Контекст Использования

Атрибуты

События

Примеры

The first example plays a video, starting playback as soon as enough of the video has been received to allow playback without pausing to download more. Until the video starts playing, the image "posterimage.jpg" is displayed in its place.

Multiple Sources Example

Server support

If the MIME type for the video is not set correctly on the server, the video may not show or show a gray box containing an X (if JavaScript is enabled).

Content categories	Flow content, содержание фраз, встроенный контент. Если имеет атрибут {{htmlattrxref("controls", "video")}}: становится интерактивным элементом с осязаемым содержанием.
Tag omission	{{no_tag_omission}}
Допустимые родительские элементы	Любой элемент, который принимает встроенный контент.
DOM интерфейс	{{domxref("HTMLVideoElement")}}

If you use Apache Web Server to serve Ogg Theora videos, you can fix this problem by adding the video file type extensions to "video/ogg" MIME type. The most common video file type extensions are ".ogm", ".ogv", or ".ogg". To do this, edit the "mime.types" file in "/etc/apache" or use the "AddType" configuration directive in httpd.conf.

If you serve your videos as WebM, you can fix this problem for the Apache Web Server by adding the extension used by your video files (".webm" is the most common one) to the MIME type "video/webm" via the "mime.types" file in "/etc/apache" or via the "AddType" configuration directive in httpd.conf.

Your web host may provide an easy interface to MIME type configuration changes for new technologies until a global update naturally occurs.

Интерфейс DOM

Этот элемент реализует интерфейс HTMLVideoElement.

Совместимость браузера

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	3.0	{{CompatGeckoDesktop("1.9.1")}}	9.0	10.5	3.1
`autoplay` attribute	3.0	{{CompatGeckoDesktop("1.9.1")}}	9.0	10.5	3.1
`buffered` attribute	{{CompatUnknown}}	{{CompatGeckoDesktop("2.0")}}	{{CompatUnknown}}	{{CompatVersionUnknown}}	{{CompatUnknown}}
`controls` attribute	3.0	{{CompatGeckoDesktop("1.9.1")}}	9.0	10.5	3.1
`crossorigin` attribue	{{CompatUnknown}}	{{CompatGeckoDesktop("12.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`loop` attribute	3.0	{{CompatGeckoDesktop("11.0")}}	9.0	10.5	3.1
`muted` attribute	30.0	{{CompatGeckoDesktop("11.0")}}	10.0	{{CompatVersionUnknown}}	5.0
`played` property	{{CompatUnknown}}	{{CompatGeckoDesktop("15.0")}}	{{CompatUnknown}}	{{CompatVersionUnknown}}	{{CompatUnknown}}
`poster` attribute	3.0	{{CompatGeckoDesktop("1.9.2")}}	9.0	10.5	3.1
`preload` attribute	3.0	{{CompatGeckoDesktop("2.0")}}	9.0	{{CompatVersionUnknown}}	3.1
`src` attribute	3.0	{{CompatGeckoDesktop("1.9.1")}}	9.0	10.5	3.1

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	{{CompatUnknown}}	{{CompatGeckoMobile("1.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`autoplay` attribute	{{CompatUnknown}}	{{CompatGeckoMobile("1.0")}}	8.1	{{CompatUnknown}}	{{CompatVersionUnknown}}^[1]
`buffered` attribute	{{CompatUnknown}}	{{CompatGeckoMobile("2.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`controls` attribute	{{CompatUnknown}}	{{CompatGeckoMobile("1.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`loop` attribute	{{CompatUnknown}}	{{CompatGeckoMobile("11.0")}}	8.0	{{CompatUnknown}}	6.0
`muted` attribute	{{CompatUnknown}}	{{CompatGeckoMobile("11.0")}}	8.0	{{CompatUnknown}}	{{CompatUnknown}}
`played` property	{{CompatUnknown}}	{{CompatGeckoMobile("15.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`poster` attribute	{{CompatUnknown}}	{{CompatGeckoMobile("1.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`preload` attribute	{{CompatUnknown}}	{{CompatGeckoMobile("2.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`src` attribute	{{CompatUnknown}}	{{CompatGeckoMobile("1.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`crossorigin` attribute	{{CompatUnknown}}	{{CompatGeckoMobile("12.0")}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}