Свойство width элемента HTML <video>

HTML <video> тег

Определение и использование

ширина Свойства определяют ширину плеера видео в пикселях.

Совет:Всегда указывайте вместе с видео высота и ширина свойства. Если установлены эти свойства, то во время загрузки страницы будет сохраняться пространство, необходимое для видео. Однако, если этих свойств нет, браузер не знает размера видео и не может зарезервировать для него подходящее пространство. В результате макет страницы изменяется в процессе загрузки (во время загрузки видео).

Внимание:Не используйте высота и ширина Пересматривайте размер видео! Использование этих свойств для уменьшения больших видео будет принудительно заставлять пользователей загружать исходное видео (даже если на странице оно выглядит很小). Правильный метод - это использование программы для перерасчета размера видео до использования его на веб-странице.

Пример

Настройлены видео плеер с фиксированной высотой и шириной:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Ваш браузер не поддерживает тег video.
</video>

Попробуйте сами

Синтаксис

<video width="pixels">

Значение свойства

Значение Описание
pixels Ширина видео в пикселях (например, width="100").

Поддержка браузерами

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5

HTML <video> тег