Переместить скрипт с одного сайта на другой

@wetrustyou · Регистрация: 27.05.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте ребят, со скриптами первый раз сталкиваюсь, не знаю какую тему правильно выбрать, но суть вопроса в следующем:

Есть скрипт который показывает видео с ютуба в качестве фона для сайта,
скачал исходники с этим скриптом, вроде понастраивал, работает...

появилась потребность применить этот скрипт на другом сайте, но как я только не копировал
этот скрипт, как не пытался вставить, не показывает и все тут...
Может где то с ошибкой записываю, но вроде все один в один из сайта с исходником...

Помогите разобраться прилагаю 2 архива, 1 где этот скрипт работает, 2 где он не хочет работать.
работает.rar
не работает.rar

@Опан · 27.10.2015, 11:02

Наверно потому, что сделанные настройки рассчитаны только на тот сайт, где всё работает. Попробуйте на второй сайт загнать тот же исходник и по-новой настроить.

@wetrustyou · 27.10.2015, 11:10 **[ТС]**

если полностью содержимое index.html рабочего скопировать в не рабочий, то все работает, но там много ненужного, и самое страшное непонятного мне кода, который либо будет висеть и мешать либо удалю и не работает ничего опять

Добавлено через 6 минут
по идее нужно подключить скрипт к странице, что я и сделал:

Java
1
2
<script src="libs/YTPlayer/jquery.mb.YTPlayer.js"></script> 
<script src="libs/device/device.min.js"></script>

вставить видео на сайте:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<div id="bgndVideo" class="player" <!--Вот этот скрипт по идее-->
        data-property="{
        videoURL:'https://www.youtube.com/watch?v=vO8XrEM0ucw',
        containment:'body',
        autoPlay:true,
        mute:true,
        startAt:0,
        opacity:10,
        showControls : false
        }"
    <div class="hidden"></div>

и прописать к видео настройки:

CSS
1
2
3
4
5
6
7
8
9
.mbYTP_wrapper::before { /*Скрипт который подключается*/
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,.6);
    z-index: 10;
}

Но после этих манипуляций, он все же гад не работает.

Просьба модератору изменить слово в заголовке темы "Переместить" вместо "Переместит"

@Опан · 27.10.2015, 13:44

А всё-таки пробовали закинуть исходник в чистом виде на второй сайт? так будет проще разобраться. А я чуть позже у себя проверю.

@temkasky · 27.10.2015, 13:51

Код Java(TM) 2 Platform Standard Edition 5.0
Для начала - Javascript код

Потом:
- Подключи библиотеку JQuery до плеера

JavaScript
1
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.js"></script>

- Вызови плеер

JavaScript
1
2
3
$(function(){
      $(".player").YTPlayer();
    });

- .mbYTP_wrapper:before - 1 двоеточие)
- Это не весть CSS код.

а вооще, вот документация и исходники - https://github.com/pupunzi/jquery.mb.YTPlayer

@wetrustyou · 27.10.2015, 14:18 **[ТС]**

Как вариант подключил видео с по средствам html

HTML5
1
2
3
4
5
<video autoplay loop>
   <source src="video/video2.mp4" type="video/mp4">
   <source src="video/video1.webm" type="video/webm">
   <source src="video/video3.ogv" type="video/ogg"/>
</video>

И CSS

CSS
1
2
3
4
5
6
7
video{
   position:fixed;
   z-index:-1;
   min-width:100%;
   min-height:100%;
   overflow:hidden;
}

@Опан · 28.10.2015, 12:35

Сначала я подумал о сложном исходнике в виде целого архива папок и файлов. (раньше пришлось иметь дело - тоже вставлял видео в качестве фона) А теперь оглашу список того, что не хватает, чтобы работал архив под названием "Не работает.rar":
1) index.html - строка 95: не хватает закрывающей прямоугольной скобки для тега <div>. (В работающем архиве тоже её нет, но и ток работает.)
2) HTML-комментарии допускается вставлять только за пределами HTML-тегов, а не внутри. У Вас же  находится внутри тега <div>, который отвечает за работу плеера. Просто удалите.
3) Не подключена библиотека JQuery. У Вас есть файл libs/jquery/jquery-1.11.2.min.js Вот его и подключите:

HTML5
1
<script src="libs/jquery/jquery-1.11.2.min.js"></script>

4) Файл js/common.js После первой строки добавьте это: (оно есть в одноимённом файле работающего архива)

JavaScript
1
2
3
4
5
    if (!device.tablet() && !device.mobile()) {
        $(".player").mb_YTPlayer();
    } else {
        //Если мобильние девайсы
    };

И будет всё работать.

Добавлено через 12 минут
Я по ошибке написал "не хватает закрывающей прямоугольной скобки для тега <div>". На самом деле - треугольной скобки. (знак "больше")

Новые блоги и статьи Все статьи Все блоги /
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .

@wetrustyou 4 / 4 / 1 Регистрация: 27.05.2015 Сообщений: 33

	Переместить скрипт с одного сайта на другой 27.10.2015, 08:48. Показов 1970. Ответов 6 Метки нет (Все метки) Здравствуйте ребят, со скриптами первый раз сталкиваюсь, не знаю какую тему правильно выбрать, но суть вопроса в следующем: Есть скрипт который показывает видео с ютуба в качестве фона для сайта, скачал исходники с этим скриптом, вроде понастраивал, работает... появилась потребность применить этот скрипт на другом сайте, но как я только не копировал этот скрипт, как не пытался вставить, не показывает и все тут... Может где то с ошибкой записываю, но вроде все один в один из сайта с исходником... Помогите разобраться прилагаю 2 архива, 1 где этот скрипт работает, 2 где он не хочет работать. работает.rar не работает.rar 0

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	27.10.2015, 11:02
	Наверно потому, что сделанные настройки рассчитаны только на тот сайт, где всё работает. Попробуйте на второй сайт загнать тот же исходник и по-новой настроить. 1

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	27.10.2015, 13:44
	А всё-таки пробовали закинуть исходник в чистом виде на второй сайт? так будет проще разобраться. А я чуть позже у себя проверю. 1