Главная » Файлы » Прочие скрипты » HTML5

Видео на фоне вашего сайта при помощи HTML5
07.11.14, 23:41:11



Простой пример добавление видео на фон вашего сайта. В последнее время очень популярная фишка

Для начала посмотрите ДЕМО

Моё тестирование в фидле: КЛИК

Установка:

В самый низ вашего css вставляйте:
Код
video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-size: cover;
}


Следующий код вставляйте на нужных страницах после :
Код
<video autoplay="" loop="" poster="Ссылка на картинку-заглушку" rel="nofollow" id="bgvid">
  <source src="Ссылка на видеофайл в формате .webm" rel="nofollow" type="video/webm">
  <source src="Ссылка на файл в формате .m4v" rel="nofollow" type="video/mp4">
</video>


Источник статьи можете найти в демо

Материал подготовлен Apocalypse

Категория: HTML5 | Добавил: Apocalypse | Теги: видео, при, на, HTML5, Вашего, фоне, помощи, сайта
Просмотров: 636 | Загрузок: 0 | Рейтинг: 1.0/2
Всего комментариев: 0
Имя *:
Email: