Главная » Файлы » Прочие скрипты » 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 | |
Просмотров: 714 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |