Jump to content
View in the app

A better way to browse. Learn more.

IPBMafia.ru - поддержка Invision Community, релизы, темы, плагины и приложения

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Featured Replies

Posted

 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;
}

 

  • Author
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;
}

 

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

  • Author

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

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:

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

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

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

 

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

Guest
This topic is now closed to further replies.

Последние посетители 0

  • No registered users viewing this page.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.