<video> / Атрибут width

Описание

Атрибут width задает ширину области для воспроизведения видеоролика. Само видео меняет свои размеры в большую или меньшую сторону, чтобы вписаться в указанную ширину, но его пропорции при этом не искажаются.

Синтаксис

<video width="ширина">
</video>

Значения

Любое целое положительное число в пикселах или процентах.

Значение по умолчанию

Исходная ширина берется из параметров видео, если это значение не доступно, тогда width принимается равной ширине картинке, заданной атрибутом poster. Если этот атрибут не установлен, ширина задается как 300 пикселов.

Пример. Использование атрибута width

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>width</title>
 </head>
 <body>
  <video width="500" height="400" controls>
   <source src="video/jane.ogv" type='video/ogg; codecs="theora, vorbis"'>
   <source src="video/jane.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
   <source src="video/jane.webm" type='video/webm; codecs="vp8, vorbis"'>
   Тег video не поддерживается вашим браузером.
  </video>
 </body>
</html>

Браузеры: Настольные Мобильные ?

Internet Explorer	Chrome	Opera	Safari	Firefox
9	4	11.5	4	3.5

Android	Firefox Mobile	Opera Mobile	Safari Mobile
2.1	3.5	12	3.2

✖

Браузеры

В таблице браузеров применяются следующие обозначения.

— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.