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

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

cayman
Неофит
Сообщения: 2
Зарегистрирован: 19 июн 2014, 18:05
Версия Web Builder: 12.0.1

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

Сообщение cayman » 21 дек 2016, 19:46

Залейте, пожалуйста, еще раз архив. он поврежден и не открывается. Спасибо!

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

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

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

Сообщение Конструкторщик » 21 дек 2016, 20:40

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

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

Besil
Читатель
Читатель
Сообщения: 4
Зарегистрирован: 21 авг 2019, 09:50
Версия Web Builder: 14.2.2

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

Сообщение Besil » 22 ноя 2019, 12:13

У меня задача, что бы в шапке сайта проигрывалось видео. Залил видео на Ютьюб. Создал Хедер. Назначил ему видео в качестве фона. Указал ссылку на видос. При публикации Youtube блокируется браузером. Тот же результат с Vimeo. Как сделать?

Отправлено спустя 2 часа 24 минуты 46 секунд:
получилось с локального диска прицепить к фону страницы HTML5 video, но не проигрывает, хотя и автоплей и повтор назначен.

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

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

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

Сообщение Alex » 22 ноя 2019, 14:56

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

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

Besil
Читатель
Читатель
Сообщения: 4
Зарегистрирован: 21 авг 2019, 09:50
Версия Web Builder: 14.2.2

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

Сообщение Besil » 22 ноя 2019, 14:59

В режиме превью.

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

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

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

Сообщение Alex » 22 ноя 2019, 15:09

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

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

Besil
Читатель
Читатель
Сообщения: 4
Зарегистрирован: 21 авг 2019, 09:50
Версия Web Builder: 14.2.2

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

Сообщение Besil » 22 ноя 2019, 15:23

Ясно. Спасибо.

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

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

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

Сообщение Alex15963 » 23 ноя 2019, 02:11

1. Свойства страницы должны быть ширина и высота 100%
2. Видео должно быть без звука или прописать в настройках.
3. В стиле слоя в режиме видео пропишите перед id видео Ютуба - embed

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

Eric
Продвинутый
Продвинутый
Сообщения: 267
Зарегистрирован: 19 дек 2018, 17:40
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

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

Сообщение Eric » 25 ноя 2019, 12:44

У меня видеофон страницы HTML5 Видео работал только на слоях. На сайте с сеткой верстки видео перекрыл все объекты, тоже долго боролся с z-index, не помогло.
Для сетки верстки делал как на скринах, все работает и на хостинге и локально без всяких youtube.
Или как вариант расширение GW Video Header https://www.grahamscomputers.net, по опыту, выкинутые деньги, не лучше чем встроенные средства WWB.
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Профессионально пишу "Hello world!". Стоит недорого :)

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

stedivid
Экспериментатор
Экспериментатор
Сообщения: 84
Зарегистрирован: 11 мар 2017, 08:54
Версия Web Builder: 14.2.2
Имя: Виталий

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

Сообщение stedivid » 26 ноя 2019, 01:07

Подскажите как видео фон установить на всю ширину. Прикрепил скрины, что я не так настроил
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Я не волшебник, я только учусь

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

Eric
Продвинутый
Продвинутый
Сообщения: 267
Зарегистрирован: 19 дек 2018, 17:40
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

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

Сообщение Eric » 26 ноя 2019, 04:42

По ширине, в сетке
Браузер, инструмент разработчика ищите свой блок с видео
Принудительно задаете height: auto
Через <>HTML (CSS в медиа запросе) вставляете стиль

Код: Выделить всё

  #LayoutGrid-video video
   {
   height: auto !important;
   }

Либо через CSS меняете на height: auto;
На весь экран делал так https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=13&t=5888&p=38994#p38994, но работает только со слоями. Сетку верстки видео перекрывает, z-index не помог.
Профессионально пишу "Hello world!". Стоит недорого :)

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

stedivid
Экспериментатор
Экспериментатор
Сообщения: 84
Зарегистрирован: 11 мар 2017, 08:54
Версия Web Builder: 14.2.2
Имя: Виталий

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

Сообщение stedivid » 28 ноя 2019, 23:48

Конструкторщик,
Перелезайте архив пожалуйста он битый. хотел бы разобраться
Я не волшебник, я только учусь

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

ekaterina51
Читатель
Читатель
Сообщения: 15
Зарегистрирован: 11 фев 2020, 22:44
Версия Web Builder: 14.2.2

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

Сообщение ekaterina51 » 19 май 2020, 20:31

Eric, а не мог бы объяснить как можно сделать такой видеофон? https://www.grahamscomputers.net/ Все так четко, быстро и без каких-либо колесиков загрузки

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

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

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

Сообщение Alex15963 » 20 май 2020, 01:26

Если вы имеете ввиду видео фон, да простит мне Eric, отвечу вместо него.
У вас нет необходимых прав для просмотра вложений в этом сообщении.

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

ekaterina51
Читатель
Читатель
Сообщения: 15
Зарегистрирован: 11 фев 2020, 22:44
Версия Web Builder: 14.2.2

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

Сообщение ekaterina51 » 21 май 2020, 00:02

Спасибо!


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

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

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

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