Перейти к содержанию

Как добавить шапку


AlCore

Рекомендуемые сообщения

 image.thumb.png.660dc4e799102be98855be1891473d9a.png
Здравствуйте, подскажите пожалуйста как можно добавить широкоформатную видео-шапку? Вместо шапки (картинки) добавить -> видео-шапку формата .webm. Буду признателен если сможете помочь! Версия движка 4.7.4.

Ссылка на комментарий
Поделиться на другие сайты

2 часа назад, AlCore сказал:

 image.thumb.png.660dc4e799102be98855be1891473d9a.png
Здравствуйте, подскажите пожалуйста как можно добавить широкоформатную видео-шапку? Вместо шапки (картинки) добавить -> видео-шапку формата .webm. Буду признателен если сможете помочь! Версия движка 4.7.4.

в globalTemplate, например внутри вначале тега <header>

<video autoplay loop playsinline class='header__video'>
  <source src='//site.ru/video.mp4' type='video/mp4'>
</video>

в custom.css

.header__video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}

 

Ссылка на комментарий
Поделиться на другие сайты

49 минут назад, Exception сказал:

в globalTemplate, например внутри вначале тега <header>

<video autoplay loop playsinline class='header__video'>
  <source src='//site.ru/video.mp4' type='video/mp4'>
</video>

в custom.css

.header__video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}

 

Сделал как вы написали, но почему-то видео не запускается. Висит просто картинка

Ссылка на комментарий
Поделиться на другие сайты

Можете подсказать в чем может быть дело? Из-за чего видео не запускается?

Ссылка на комментарий
Поделиться на другие сайты

Заметил одну странную вещь, анимация появляется после того как я нажимаю на логотип.

Ссылка на комментарий
Поделиться на другие сайты

https://pribylwm-ru.turbopages.org/turbo/pribylwm.ru/s/web/avtozapusk-video.html
 

Проще ссылкой) там подробно описано

Изменено пользователем Donjuan
Ссылка на комментарий
Поделиться на другие сайты

12 минут назад, Donjuan сказал:

Проще ссылкой) там подробно описано

чушня там не рабочая подробная и описанная:bw:

Ссылка на комментарий
Поделиться на другие сайты

41 минуту назад, AlCore сказал:

Заметил одну странную вещь, анимация появляется после того как я нажимаю на логотип.

да, нужно тогда добавить атрибут muted

<video autoplay loop playsinline muted class='header__video'>
  <source src='//site.ru/video.mp4' type='video/mp4'>
</video>

 

Ссылка на комментарий
Поделиться на другие сайты

14 минут назад, SlawkA сказал:

чушня там не рабочая подробная и описанная:bw:

У меня работать. Если у вас не работает это еще не повод кричать 

Ссылка на комментарий
Поделиться на другие сайты

18 минут назад, Donjuan сказал:

У меня работать. Если у вас не работает это еще не повод кричать 

я уже переболел этой дешевой шляпой лет 7 назад.

и не ставил и не собирался ставить эту чушню.

достаточно прочитать там комментарии.

чего и вам советую. не засоряйте сайт всякой чушнёй.:bt:

Ссылка на комментарий
Поделиться на другие сайты

40 минут назад, Exception сказал:

да, нужно тогда добавить атрибут muted

<video autoplay loop playsinline muted class='header__video'>
  <source src='//site.ru/video.mp4' type='video/mp4'>
</video>

 

Помогло, спасибо!

Ссылка на комментарий
Поделиться на другие сайты

SlawkA бро, не обращай внимания) Его сообщения постоянные высеры, лишь бы ляпнуть чего) Он у меня давно в игноре

Ссылка на комментарий
Поделиться на другие сайты

Все с вами ясно. Благо тут есть адекватные ребята

Ссылка на комментарий
Поделиться на другие сайты

Гость
Эта тема закрыта для публикации ответов.
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...