• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как вставить видео на фон сайта? (Как вставить видео на фон сайта?)
Как вставить видео на фон сайта?
Dmitriy224
Сообщений: 19
Репутация: 0

Сообщение # 1 | 14:36:42
Здравствуйте!
- Я хотел вставить видео (mp4) на фон своего сайта, покопался тут похожей темы не нашёл.
- Меня интересует код для вставки видео на фон сайта (желательно одним кодом) и чтобы видео повторялось, подстраивалось под любое расширение монитора.
- Заранее спасибо! Жду ваших ответов...

____ВОПРОС РЕШЁН - ВЫРАЖАЮ БЛАГОДАРНОСТЬ killbit - ЗА ПРЕДОСТАВЛЕННЫЙ КОД И ФАЙЛ JS____
____Кто хочет себе поставить видео вместо фона - до читайте до конца______________________________
____Вот где я в первые увидел видео вместо фона http://www.isurfbecause.com/ _________________________
Сообщение отредактировал Dmitriy224 - Вторник, 09 Июн 2015, 15:09:14
killbit
Сообщений: 317
Репутация: 104

Сообщение # 2 | 15:03:08
https://github.com/Victa/HTML5-Background-Video
плагин как раз в тему.
Dmitriy224
Сообщений: 19
Репутация: 0

Сообщение # 3 | 17:55:49
Спасибо! Посмотрим...

Добавлено (08 Июн 2015, 17:55:49)
---------------------------------------------
Если не трудно дай ссылку на нужный файл js или что там надо загрузить.

А это значит куда вставлять?



Наверное сдеся?

Сообщение отредактировал Dmitriy224 - Вторник, 09 Июн 2015, 10:24:00
killbit
Сообщений: 317
Репутация: 104

Сообщение # 4 | 19:00:50
Цитата Dmitriy224 ()
Блин там что заливать на сайт что то нужно? Просит регистрацию, да и переводчика нет - всё на English/ если не трудно дай ссылку на нужный файл js или что там надо загрузить.

Не на до там регистрироваться. просто скачайте архив и посмотрите пример там в папке
Прикрепления: 7699371.jpg (110.1 Kb)
Dmitriy224
Сообщений: 19
Репутация: 0

Сообщение # 5 | 19:27:51
А да - не увидел (окно браузера было не на всю страницу). Спасибо большое killbit за ссылку!
killbit
Сообщений: 317
Репутация: 104

Сообщение # 6 | 20:39:42
Покрутил я его , чего то не получается что бы на всех браузерах работало (
Dmitriy224
Сообщений: 19
Репутация: 0

Сообщение # 7 | 21:42:00
Я попробовал но не получилось (по любому не так вставил код либо не так залил в файловый менеджер)
Можете пожалуйста дать исчерпывающий ответ на пару моих вопросов.

1. По какому пути загружать в файловый менеджер содержимое папки HTML5-Background-Video-master?
2. Куда именно вставлять код и в какую строку, под каким должна быть №




Вот моя таблица стилей (260 строк я сократил до нужного) - Дизайн #1081 если вас не затруднит внесите изменения или покажите после чего вставить, вот ссыка на мою табл. стилей - http://creat.clan.su/miyatablstiley.txt
Сообщение отредактировал Dmitriy224 - Понедельник, 08 Июн 2015, 21:50:56
killbit
Сообщений: 317
Репутация: 104

Сообщение # 8 | 22:51:50
Цитата Dmitriy224 ()
. По какому пути загружать в файловый менеджер содержимое папки HTML5-Background-Video-master?
2. Куда именно вставлять код и в какую строку, под каким должна быть №


Код
<script src="/js/jquery.backgroundvideo.min.js"></script>
<script>
  $(document).ready(function() {
  var videobackground = new $.backgroundVideo($('body'), {
  "align": "centerXY",
  "width": 1280,
  "height": 720,
  "path": "/media/",
  "filename": "cloud",
  "types": ["mp4","ogg","webm"]
  });
  });
  </script>
  

это вставить в код, можно перед
</body>
jquery.backgroundvideo.min.js этот файл можно залить в папку js

это путь к видео .то есть создайте папку media и добавьте туда видео
"path": "/media/"
Dmitriy224
Сообщений: 19
Репутация: 0

Сообщение # 9 | 13:31:18
Ещё раз спасибо! Ответ был исчерпывающий, сегодня с утра попробую.

Добавлено (09 Июн 2015, 13:31:18)
---------------------------------------------
Не получилось и в этот раз. Не могли бы вы мне оказать помощь? - А именно показать (я не прошу всё делать за меня) через программу "TeamViewer 10" куда вставить код, как правильно залить js в файл. менеджер/ буду очень благодарен!

killbit
Сообщений: 317
Репутация: 104

Сообщение # 10 | 13:35:37
Вы вставьте как написано , посмотрим что не так
Dmitriy224
Сообщений: 19
Репутация: 0

Сообщение # 11 | 13:43:41
Да я понял над чтобы все поняли, не только я.
Я создал корневую паку js залил с начала 1 скрип что вы указали (потом все остальные когда не вышло)
Потом заменил вот строку отвечающею за фон }
body.t-body {
background: url(/1/223.jpg); ------- эту заменил
- Но теперь вроде разобрался над было всё заменить

killbit
Сообщений: 317
Репутация: 104

Сообщение # 12 | 13:48:34
Вы ксс пока не трогайте . код разместите .дизайн > страницы сайта ,для теста
Сообщение отредактировал killbit - Вторник, 09 Июн 2015, 13:48:57
Dmitriy224
Сообщений: 19
Репутация: 0

Сообщение # 13 | 13:57:04
Не совсем понял что там тогда заменять если в дизайн страницы сайта?
И там надо только 1 файл jquery.backgroundvideo.min в папку что в корне сайта залить и всё?
Сообщение отредактировал Dmitriy224 - Вторник, 09 Июн 2015, 13:59:00
killbit
Сообщений: 317
Репутация: 104

Сообщение # 14 | 14:04:30
да .
плюс залить видеофайлы.
в ксс нужно будет убрать только фоновую картинку .
Поставьте, посмотрим.
Dmitriy224
Сообщений: 19
Репутация: 0

Сообщение # 15 | 14:13:16
Ок - тогда после чего именно вставлять предоставленный вами код, и надо ли заменять, какую строку в "страницы сайта"?
Сообщение отредактировал Dmitriy224 - Вторник, 09 Июн 2015, 14:14:58
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как вставить видео на фон сайта? (Как вставить видео на фон сайта?)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: