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

Ставим любое видео на фон вашего сайта через плагин BigVideo для uCoz
24.06.14, 17:10:18

Скачать файл




Я года два тому назад уже видел подобный плагин, но он работал очень скверно. Контент страницы тормозил и видео постоянно провисало. Плагин, представленный в этом материале прост в использовании и никак (По крайней мере у меня) не влияет на общий fps страницы. Также отмечу, что плагин сам может гасить звуковую дорожку, что не будет напрягать ваших пользователей

Для правильной работы скрипта потребуется как минимум jQuery 1.7.2

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

Полноэкранное ДЕМО 1
Полноэкранное ДЕМО 2
Полноэкранное ДЕМО 3

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

Установка:

После < /head > на нужных страницах вставляйте:
Код
<link rel="stylesheet" href="/css/bigvideo.css">  
  <script src="/js/jquery-ui-1.8.22.custom.min.js"></script>  
  <script src="/js/jquery.imagesloaded.min.js"></script>  
  <script src="/js/video.js"></script>  
  <script src="/js/bigvideo.js"></script>


Сразу же после предыдущих кодов вставляйте:
Код
<script>  
  $(document).ready(function() {  
  BV = new $.BigVideo();  
  BV.init();  
  // Желательно, чтобы ссылка на видео была в формате .mp4  
  BV.show('http://video-js.zencoder.com/oceans-clip.mp4', {  
  ambient: true  
  });  
  });  
  </script>


Для того, чтобы элементы на вашей странице были поверх видео, просто задайте им css свойство position:relative

Всё, осталось только четыре скрипта из прикреплённого архива залить в папку js и стиль в папку css

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

Категория: jQuery | Добавил: Apocalypse | Теги: видео, фон, Через, плагин, на, BigVideo, ставим, Вашего, Любое, сайта
Просмотров: 658 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: