Відео може бути сильним візуальним елементом на вашому лендінгу. Ви можете додати відео на лендінг всього за кілька кліків.
⚠️ Важливо: Ви не зможете завантажити відео з вашого локального сховища безпосередньо у Onepage.
Натомість відео має бути розміщене на відеохостингу. Наразі ми підтримуємо ці платформи:
YouTube
Vimeo
Wistia
Facebook
YouTube Shorts
Twitch
Loom
TikTok
У випадку, якщо ви бажаєте використовувати іншу платформу, завжди є можливість інтегрувати відео за допомогою користувацького коду.
Додати відео як елемент
Більшість секцій Onepage дозволяють додавати медіафайли, в тому числі відео.
Ви можете додати відео практично в будь-яку частину вашого сайту.
Крок 1: Додати відеоелемент
Відкрийте меню редагування. Тут ви можете додати нові елементи.
Відкриється список з елементами.
Натисніть «+Додати» і знайдіть елемент «Відео».
Крок 2: Вставити URL
Будь ласка, скопіюйте URL-адресу вашого відео та вставте її сюди:
Крок 3: Налаштуйте відео
Під посиланням ви знайдете різні опції для відображення відео.
Ось найпопулярніші функції.
*Натисніть на потрібну функцію, і на екрані з'явиться коротке пояснення.
Автовідтворення
Автовідтворення
Зверніть увагу, якщо ви активуєте автовідтворення, звук буде вимкнено, а відео буде відтворюватися циклічно.
Приховати/відобразити елементи управління
Приховати/відобразити елементи управління
Елементи керування за замовчуванням увімкнено для типів «Кнопка» та «Зображення відео», але не для типу «Вбудований». У цьому випадку потрібно активувати опцію вручну.
Loop/Вимкнути звук
Loop/Вимкнути звук
За замовчуванням відео не повторюється і звук ввімкнений, але ви можете змінити це, якщо потрібно. Крім того, відео зациклюється і звук вимикається автоматично, якщо ви встановили режим автовідтворення.
Відкрити в поп-апі
Відкрити в поп-апі
Якщо ти активуєш цю опцію, відео не відтворюватиметься безпосередньо на сторінці, а відкриватиметься у спливаючому вікні.
Заставка
Заставка
За допомогою цього налаштування ти можеш встановити власне зображення-прев’ю для свого відео. Воно відображатиметься перед відтворенням відео.
Пропорція
Пропорція
Тут ти встановлюєш співвідношення сторін відео, наприклад 16:9 або 1:1. Це допомагає оптимально вписати відео у макет твоєї сторінки.
Дизайн кнопки "Play"
Дизайн кнопки "Play"
Ця опція дозволяє тобі налаштувати зовнішній вигляд кнопки відтворення.
Ця секція пропонує різні варіанти дизайну для кнопки відтворення.
Найважливіші з них:
Текст кнопки відтворення:
Анімація кнопки:
Відео як фон секції
У вас є можливість додати відео в якості фону секції.
Крок 1: Відкрийте налаштування фону вашої секції
Крок 2: Додайте URL-адресу відео
Крок 3: Налаштуйте відео
Ось кілька опцій, якими ви можете скористатися:
*Натисніть на потрібну функцію, і на екрані з'явиться коротке пояснення.
Parallax
Parallax
Ця функція дозволяє збільшити відео. Це може бути корисно для виправлення чорних ліній, які з'являються, коли відео має невідповідні пропорції.
Fallback image
Fallback image
Ця функція додає картинку, яка відображається перед початком відтворення відео. Іноді вона використовується для компенсації можливого повільного інтернет-з'єднання користувачів, що може призвести до збільшення часу завантаження відео.
Overlay
Overlay
Здебільшого використовується для дизайну. Ця функція додає до вашого відео суцільне або градієнтне кольорове оформлення. Кольори визначаються налаштуваннями вашого проекту, і якщо ви бажаєте мати інший колір, змініть його в розділі «дизайн».
*Більше інформації ви знайдете в цій статті.
Інтегрування відео за допомогою коду
Якщо ви використовуєте платформу, з якою у нас немає прямої інтеграції, завжди є можливість додати відео за допомогою користувацького коду.
У цьому випадку, будь ласка, прочитайте наступну статтю;
💡Бажаєте залишити відгук до цієї статті? Будь ласка, напишіть у наш чат або за адресою support@onepage.io, і ми зможемо її покращити. Дякуємо! 🙂