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

@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

<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

.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

<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

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

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

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

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

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

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

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

Опции темы