Тег VIDEO

  Парный блочный тег VIDEO предназначен для вставки на Web-страницу видео контента.
  Интерпретируя элемент этого тега, браузер может загрузить в его поле видеофайл и вывести в этом же поле на Web-странице "панель" воспроизведения содержимого его контента.
  Если формат видеофайла поддерживается браузером, то "панель" можно будет активировать и просмотреть контент. В противном случае "кнопки" "панели" окажутся "заблокированными".
  Внутренний контент элемента тега VIDEO никак не отобразится на Web-странице.
  Несмотря на то, что появление тега VIDEO в HTML5 было встречено с большим энтузиазмом, его использование связано с существенными ограничениями:
  1. Различные браузеры поддерживают или не поддерживают разные видео форматы. Это связано с авторскими правами на большинство видеокодеков. Частично эту проблему можно решить с помощью тега SOURCE.
  2. Для воспроизведения видеоконтента, как правило, необходима дополнительная конфигурация Web-сервера, на котором хранится этот контент. Если MIME тип видеофайла не прописан в конфигураторе Web-сервера, то такой видеофайл не может быть передан по запросу Web-страницы. К сожалению даже использования атрибута TYPE в соответствующем элементе тега SOURCE не заставляет Web-сервер и Web-страницу "договориться" между собой.
  Такие же проблемы есть и с тегами AUDIO и IMG, но, в силу исторических причин, гораздо в меньшей степени.
  Атрибуты:
  AUTOPLAY - Устанавливает автоматическое воспроизведение контента сразу после загрузки HTML-документа с этим элементом.
  Отменяет действие атрибута PRELOAD.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут не обязательный.
  CONTROLS - Устанавливает отображение "панели управления" для управления воспроизведением контента.

  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут не обязательный.
  HEIGHT - Устанавливает высоту поля для просмотра контента.
  Значение атрибута может быть перекрыто атрибутом стиля height.
  В любом случае, значение высоты поля видео можно менять как угодно, но размер видеофайла от этого не изменится.
  • Значения:

    • Целое число с обозначенной единицей измерения CSS (px - пикселы, или % - от соответствующей величины поля элемента "родительского" тега.) - значение высоты.
    • auto - Высота подгоняется под контент.

  • Значение по умолчанию - auto.
  • Атрибут не обязательный.
  LOOP - Устанавливает повтор воспроизведение контента "зацикливая" его.

  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут не обязательный.
  MUTED - Устанавливает отключение звука при воспроизведении контента.

  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут не обязательный.
  POSTER - Устанавливает изображение для заставки в поле элемента.
  Заставка появляется на время до начала воспроизведения видеофайла или вместо воспроизведения, если формат видеофайла не поддерживается браузером.
  • Значение:


  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  PRELOAD -Устанавливает параметры загрузки видео контента.

  • Значения:

    • none - Не загружать контент вместе с HTML-документом.
    • metadata - При загрузке HTML-документа загрузить только служебную информацию о видеоконтенте (например о продолжительности просмотра и т.п.).
    • auto - Загрузить контент целиком при загрузке HTML-документа.
  • Значение по умолчанию - auto.
  • Атрибут не обязательный.
  SRC - Устанавливает адрес видеофайла.
  Для того, чтобы видеофайл корректно передавался с Web-сервера, на котором он хранится, в конфигураторе Web-сервера должен быть описан MIME тип этого видеофайла.
  Например:
  • AddType video/webm .webm - В конфигураторе .htaccess сервера Apache.
  • <mimeMap fileExtension = ".webm" mimeType = "video/webm" /> - В конфигураторе web.config или Windows\System32\inetsrv\config\applicationHost.config сервера Internet Information Server.
  Если формат видеофайла не поддерживается браузером, или MIME тип этого видеофайла не сконфигурирован в браузере, то его нельзя будет просмотреть с помощью элемента тега VIDEO
  • Значение:


  • Значение по умолчанию - Нет.
  • Атрибут обязательный, если нет связанного элемента тега SOURCE.
  WIDTH - Устанавливает ширину поля для просмотра контента.
  Значение атрибута может быть перекрыто атрибутом стиля width
  В любом случае значение ширины поля видео можно менять как угодно, но размер видеофайла от этого не изменится.
  • Значения:

    • Целое число с обозначенной единицей измерения CSS (px - пикселы, или % - от соответствующей величины поля элемента "родительского" тега.) - значение ширины.
    • auto - Ширина подгоняется под контент.

  • Значение по умолчанию - auto.
  • Атрибут не обязательный.


Пример:.
<VIDEO SRC="../content/Video.webm" CONTROLS POSTER="../content/ROGA.gif"> </VIDEO>
Результат: