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

[cayman]

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

[Конструкторщик]

перезалил

[Besil]

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

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

[Alex]

А просмотр локально или на хостинге? Youtube и Vimeo локально наверное работать не будут.

[Besil]

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

[Alex]

Надо на хостинге пробовать.

[Besil]

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

[Alex15963]

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

[Eric]

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

[stedivid]

Подскажите как видео фон установить на всю ширину. Прикрепил скрины, что я не так настроил

[Eric]

По ширине, в сетке
Браузер, инструмент разработчика ищите свой блок с видео
Принудительно задаете 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 не помог.

[stedivid]

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

[ekaterina51]

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

[Alex15963]

Если вы имеете ввиду видео фон, да простит мне Eric, отвечу вместо него.

[ekaterina51]

Спасибо!