Видео с ютуба в качестве фона сайта
Всем как всегда доброго здравия и приятного настроения! В данном материале пойдет речь а том как же нам сделать на своём сайте видео фон с популярном видео хостинг YouTube. Спонсор данного материала habib который внёс 100р за данный скрипт за что ему отдельное СПАСИБО! Вобщем больше мне сказать о данном материале нечего я думаю всё и так понятно давайте приступим к установке Установка Качаем архив и загружаем в папку js его содержимое затем добавим на нужной страницы перед /head скрипт ниже Код <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> Это библиотека jquery и если она у вас подключена то пропустите этот шаг Теперь подключим сами скрипты на той же странице перед закрывающим тегом /body Код <script type="text/javascript" charset="utf-8" src="/js/jquery.tubular.1.0.js"></script> <script type="text/javascript" charset="utf-8" src="/js/index.js"></script> Теперь нам нужно весь контент в области body заключить в тег div с id="wrapper": для этого мы вставим после тега body следующий код Код <div id="wrapper" class="clearfix"> а перед тегом /body вставим закрывающий тег нашего дива Код </div> Ну и конечно же нам нужно добавить свой видео ролик для этого откройте файл index.js в любом текстовом редакторе или же через файловый менеджер сайта нажав на значок изменить напротив файла и заменим ид видео смотрим рисунок ниже Откуда мне взять жти не понятные цифры думаете вы так я вам отвечу заходим на ютуб открываем нужный ролик и в браузерной строке копируем данные цифры смотрим рисунок ниже вставляем их вместо тех что в скрипте и сохраняем естественно если вы редактировали скрипт не через ФМ то вам нужно перезолить скрипт с новыми данными на свой сайт P.s. если есть у кого то желание отблагодарить как сделал это habib данные моих кошельков есть в профиле |
Поделиться в социальных сетях
Материал разместил
Комментарии: 8 | |
| |