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

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

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

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

Нет, у них стоит видео mp4 фоном. В WB такое возможно.

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

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

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

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

Не знаю не пробовал)

Видеофон

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Не совсем въехал в вопрос.
Если имеется ввиду фон сайта (скрин из видео),то почему нет?
Заскринить видео и воткнуть скрин фоном.

Сообщение **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

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

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

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

Сообщение **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** » 09 июн 2016, 13:38

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