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