Архив метки: тег

Показ видео на сайте с помощью HTML5

Показ видео осуществляется с помощью HTML5 тега <video> </video>
Общий вид

<video src="video.mp4" controls="controls">

Параметры

  • autoplay=»autoplay» – видео воспроизводится сразу после загрузки страницы.
  • autobuffer=»autobuffer» – видео воспроизводится уже в момент загрузки страницы.
  • controls=»controls» – показать панель управления видеоплеером.
  • loop=»loop» – по окончанию, видео проигрывается снова.
  • src=»url» – путь к источнику видео.
  • type=»video/ogg» – определяет формат видео.
  • height=»» – высота видеоплеера.
  • width=»» – ширина видеоплеера.

Пример для проигрывания видеофайла на сайте с помощью HTML5

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<body>
<video src="video.mp4" controls="controls">
Ваш браузер не поддерживает теги HTML5 для видео.Необходимо обновить браузер!
</video>
</body>
</html>

Для нормального воспроизведения видео во всех браузерах можно добавить несколько источников видео в разных форматах для воспроизведения (Ogg, MPEG4, WebM).Для этого используется тег <source> внутри тэга <video>. Браузер будет использовать первый поддерживаемый им формат.

Пример для проигрывания видео файла с несколькими источниками на сайте с помощью HTML5

<video controls="controls">
  <source src="video.mp4" type="video/ogg" />
  <source src="video.ogv" type="video/mp4" />
  <source src="video.webm" type="video/webm" />
Ваш браузер не поддерживает теги HTML5 для видео.Необходимо обновить браузер!
</video>