Видео-анимация как фон

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить Вложения 6
Аватара пользователя

Автор Темы
robert359
Сведущий
Сведущий
Сообщения: 160
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Видео-анимация как фон

Сообщение robert359 » 19 янв 2015, 01:35

Здравствуйте! Скажите, можно ли подобное видео-анимацию (как здесь http://kuzovremont-ufa.ru/?utm_source=y ... 1%82%D0%B5) сделать через web builder? Они, получается, преобразовали видео в gif?

Реклама
Аватара пользователя

Alex
Admin
Admin
Сообщения: 3155
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 14.2.2
Имя: Алексей
Контактная информация:

Re: Видео-анимация как фон

Сообщение Alex » 19 янв 2015, 13:38

Нет, у них стоит видео mp4 фоном. В WB такое возможно.
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!

Аватара пользователя

gladiolus0707
Специалист
Специалист
Сообщения: 1115
Зарегистрирован: 13 янв 2014, 10:56
Версия Web Builder: 10.1
Имя: Иван
Контактная информация:

Re: Видео-анимация как фон

Сообщение gladiolus0707 » 19 янв 2015, 15:03

Это всё делается с помощью платных расширений для веббилдера.
Вставай рано, работай до поздна и.... найдешь нефть!

Аватара пользователя

Alex
Admin
Admin
Сообщения: 3155
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 14.2.2
Имя: Алексей
Контактная информация:

Re: Видео-анимация как фон

Сообщение Alex » 19 янв 2015, 15:29

Фон ютюбом уже вроде можно сделать стандартными инструментами...
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!

Аватара пользователя

gladiolus0707
Специалист
Специалист
Сообщения: 1115
Зарегистрирован: 13 янв 2014, 10:56
Версия Web Builder: 10.1
Имя: Иван
Контактная информация:

Re: Видео-анимация как фон

Сообщение gladiolus0707 » 19 янв 2015, 17:22

Alex писал(а):Фон ютюбом уже вроде можно сделать стандартными инструментами...

Не знаю не пробовал)
Вставай рано, работай до поздна и.... найдешь нефть!

Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1394
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Видео-анимация как фон

Сообщение Конструкторщик » 19 янв 2015, 23:54

Каждая последующая версия программы, в основном-это исправление косяков предыдущей.

Аватара пользователя

Автор Темы
robert359
Сведущий
Сведущий
Сообщения: 160
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Re: Видео-анимация как фон

Сообщение robert359 » 26 янв 2015, 21:23

А какое расширение купить нужно?

Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1394
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Видео-анимация как фон

Сообщение Конструкторщик » 26 янв 2015, 22:13

robert359 писал(а):А какое расширение купить нужно?

Я там не использовал расширения.
Делал вставкой кода в билдер.
Перекачай архив (он битый был-поправил),там инструкция внутри.
Каждая последующая версия программы, в основном-это исправление косяков предыдущей.

Аватара пользователя

Автор Темы
robert359
Сведущий
Сведущий
Сообщения: 160
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Re: Видео-анимация как фон

Сообщение robert359 » 03 фев 2015, 18:11

Спасибо, получается видеофон при запуске файла html из папки на ПК.
А как теперь эту страницу обратно в Web builder загрузить?
Нажимаю "Импорт HTML" - загружаю это файл html, публикую на домен - ничего не получается.
Также пробовал загрузить в папку на хостинг папки video, css, файл index.html - все равно не выходит.

Мне нужно сделать другой фон и на нем разместить объекты. Понимаю, что вопрос может оказаться глупым, но я не очень разбираюсь в программировании

Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1394
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Видео-анимация как фон

Сообщение Конструкторщик » 03 фев 2015, 19:38

Изображение

Изображение
Каждая последующая версия программы, в основном-это исправление косяков предыдущей.

Аватара пользователя

Автор Темы
robert359
Сведущий
Сведущий
Сообщения: 160
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Re: Видео-анимация как фон

Сообщение robert359 » 03 фев 2015, 20:04

Все, получилось.
То, что вы написали, я уже сделал. просто не знал что с этими папками делать - в итоге просто загрузил на хостинг. ))))
Три формата видео - это для отображения на разных устройствах, как я понимаю?

Аватара пользователя

Автор Темы
robert359
Сведущий
Сведущий
Сообщения: 160
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Re: Видео-анимация как фон

Сообщение robert359 » 03 фев 2015, 20:25

Загрузил видео в webm и ogv, все равно на андроиде не воспроизводится. Сайт irbismotor.ru

Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1394
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Видео-анимация как фон

Сообщение Конструкторщик » 03 фев 2015, 20:36

Насчет андроидов я не в курсе.
У меня их нет.
Этот вопрос ищи в яндексе,я тут подсказать не могу.
----------------------
3 формата видео это для разных браузеров.
Каждая последующая версия программы, в основном-это исправление косяков предыдущей.

Аватара пользователя

Автор Темы
robert359
Сведущий
Сведущий
Сообщения: 160
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Re: Видео-анимация как фон

Сообщение robert359 » 03 фев 2015, 21:10

Спасибо! А можно сделать, чтобы при запуске с телефона отображался просто скрин с видео?

Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1394
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Видео-анимация как фон

Сообщение Конструкторщик » 03 фев 2015, 21:14

robert359 писал(а):Спасибо! А можно сделать, чтобы при запуске с телефона отображался просто скрин с видео?

Не совсем въехал в вопрос.
Если имеется ввиду фон сайта (скрин из видео),то почему нет?
Заскринить видео и воткнуть скрин фоном.
Каждая последующая версия программы, в основном-это исправление косяков предыдущей.

Аватара пользователя

Автор Темы
robert359
Сведущий
Сведущий
Сообщения: 160
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Re: Видео-анимация как фон

Сообщение robert359 » 03 фев 2015, 21:31

Я имею в виду, чтобы с запуска с ПК появлялось видео, а с телефона - скрин.
Мне подсказали, что можно poster дописать

<video preload="auto" autoplay="autoplay" loop="" id="video_load_test" class="video-bg js-video-bg" muted="" poster="img/video_bg.jpg">
<source src="/video/video_play.mp4" type="video/mp4">
<source src="/video/video_play2.webm" type="video/webm">
</video>

здесь пример: http://cajubrasill.ru/desktop_index.php

Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1394
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Видео-анимация как фон

Сообщение Конструкторщик » 03 фев 2015, 21:37

Я этим не занимался,может кто занимался ответит.
Тут наверно ява-скрипт редиректа надо ставить на мобильную версию.
Каждая последующая версия программы, в основном-это исправление косяков предыдущей.

Аватара пользователя

Автор Темы
robert359
Сведущий
Сведущий
Сообщения: 160
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Re: Видео-анимация как фон

Сообщение robert359 » 03 фев 2015, 21:40

Хорошо, больше спасибо за помощь!

Аватара пользователя

Автор Темы
robert359
Сведущий
Сведущий
Сообщения: 160
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Re: Видео-анимация как фон

Сообщение robert359 » 07 фев 2015, 22:24

Зайдите, пожалуйста, на сайт robert-faizullin.ru с телефона.
У вас фоновая картинка нормально отображается или исчезает через секунду?
Был прописан постер:

<video preload="auto" autoplay="autoplay" loop="loop" id="video_load_test" class="video-bg js-video-bg" muted="" poster="img/video_bg.jpg">
<source src="/video/video_play.mp4" type="video/mp4">
<source src="/video/video_play2.webm" type="video/webm">
</video>

Может быть, ошибка в коде? почему он исчезает?

Аватара пользователя

Alex15963
Знаток
Знаток
Сообщения: 595
Зарегистрирован: 17 фев 2015, 13:13
Версия Web Builder: 10.4.4
Имя: Алексей

Видео-анимация как фон

Сообщение Alex15963 » 09 июн 2016, 13:38

Всем привет! Не могу вкурить, Как этот видео фон поставить на задний план. z-index не помогает. Получается, что видно только видеофон а остальной контент скрыт под ним. Спасибо!


Ответить Вложения 6

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость