Видео в HTML5

15 Авг
2011

Одним из многочисленных нововведений HTML 5 стала возможность добавления на страницу встроенного в браузер видеоплеера. Не все браузеры поддерживают данное нововведение (на данный момент работает в Firefox 4+, Chrome и Opera 11.10), но это очень скоро изменится. В этом посте я приведу HTML-код плеера и описание аттрибутов тега <video>.

HTML

<html>
  <head>
    <meta charset="utf-8">
  </head>

  <body>
    <video src="http://www.w3schools.com/html5/movie.ogg" width="320" height="240" controls="controls">
      Ваш браузер не поддерживает видео в HTML5
    </video>

  </body>
</html>

Атрибуты тега <video>

Атрибут Значение Описание
audio muted Блокировать звук
autoplay autoplay Начать проигровать видео, как только оно загрузится
controls controls Отображать интерфейс, например кнопку проигрывания
height пиксели Высота плеера в пикселях
width пиксели Ширина плеера в пикселях
loop loop Крутить видео по кругу
poster адрес URL Картинка, которая будет показываться, пока видео не загрузилось
preload preload Загружать видео вместе со страницей
src адрес URL Адрес видео
По материалам Хабрахабр.



загрузка...

Комментарии:

Наверх