Завантажуйте відео та керуйте ними в Elementor

Якщо домашня сторінка компанії не містить короткого пояснювального відео, вона вважається застарілою та м’якою. Сьогодні дуже рідко можна зустріти веб-сайт, на якому немає короткого відео. Включення коротких відео викликає потребу в цій статті, оскільки в ній обговорюється, як керувати відео в Elementor. У цій статті ми розширили параметри віджета відео та фону відео.

• Підтримка власного відео та Dailymotion
• Переваги відео, розміщених на власному хості:
• Час початку та закінчення для віджета відео та фону
• Скромний брендинг
• Додайте фонове відео в Elementor
• Покращене мобільне редагування
• Змініть контрольні точки для мобільних пристроїв і планшетів
• Інтеграція WP CLI
• Включення Гутенберга
• Sticky Video від ОАЕ
• Як зробити відео липким?
• Розмір відео
• Липке вирівнювання
• Відстань між відео
• Розмір і стиль фону
• Панель інформації
• Керуйте закріпленим відео на адаптивних пристроях
• Перетягніть будь-де на екрані
• Кнопка закриття
• Висновок

Підтримка власного відео та Dailymotion

У Elementor ви можете вставляти не лише відео з YouTube і Vimeo, але тепер також можете включати відео HTML5 і Dailymotion, розміщені самостійно.

Переваги відео, розміщених на власному хості:

• Конфіденційність і контроль: з GDPR та іншими проблемами, пов’язаними з конфіденційністю, це стало ще більш важливим для розміщення відео на самому хості. Ви можете контролювати вміст цих відео.
• Право власності: наявність відео, розміщених на власному хості, допомагає вам не покладатися на вміст, створений іншими. З вашим відео ви на 100% впевнені, що проблем з авторськими правами не виникне. Крім того, немає ризику видалення відео.
• Персоналізація: при самостійному розміщенні у вашому відео не буде жодних логотипів чи зовнішніх посилань. Це допоможе вам додати якісний вміст, який виглядає більш професійно. Ваші відео можуть бути дуже корисними для залучення відвідувачів вашого сайту.
• UX: власноруч розміщені відео гарантують, що вашим відвідувачам не відображатимуться реклама чи пропоновані відео. Вони не будуть відволікатися або перенаправлятися до ваших конкурентів (через пропоновані/рекомендовані відео).

Час початку та закінчення для віджета відео та фону

Ви можете встановити початкову та кінцеву точки для віджета відео на підтримуваних платформах. Ви також можете вибрати фон відео, щоб відтворювалася лише вибрана частина відео. За допомогою цієї функції ви можете дуже легко зациклювати відповідну частину відео. Ви можете показувати вибраний вміст відвідувачам у циклі.

Скромний брендинг

Скажімо, якщо ви вставили відео з YouTube, але хочете приховати від нього логотип YouTube, ви можете вибрати «Скромне брендування», щоб приховати логотип від вбудованого відео Youtube.

Додайте фонове відео в Elementor

У цьому розділі ми розповімо, як додати відео до Elementor:

Натисніть редактор Elementor і перейдіть до панелі. Звідси знайдіть «відео» та перетягніть у віджет відео.

• Elementor > панель > пошук «відео» > перетягніть «віджет відео»
• У розділі «Відео» > «Джерело» виберіть «YouTube», «Dailymotion», «Vimeo» або власне розміщення.
• Далі додайте посилання на відео. Якщо відео розміщено на власному хості, ви можете завантажити його, переглядаючи медіа-бібліотеку, або використовуючи зовнішню URL-адресу.
• Якщо ви хочете відтворити певну частину відео, ви можете вибрати час початку та час закінчення.
• Ви також можете додати мініатюру на свій вибір, додавши накладене зображення.

Покращене мобільне редагування

Змініть контрольні точки для мобільних пристроїв і планшетів

Протягом тривалого часу люди хотіли мати свободу мати значення контрольних точок для відео на мобільних пристроях і планшетах. Гарні новини!! Рішення тут.

Після додавання відео, як показано в розділі вище, ви можете змінити значення контрольних точок планшета та мобільного пристрою для Elementor. За допомогою революційної функції контрольних точок ви можете налаштувати свій сайт для широкоекранних комп’ютерів, ноутбуків, планшетів або маленьких мобільних екранів.

Щоб змінити значення точок зупину, перейдіть до:

Інформаційна панель Elementor > Налаштування > Стиль і введіть нові значення для «Точка зупинки планшета» та «Точка зупинки мобільного пристрою».

І вуаля!!!

Ви зробили це вчасно.

Інтеграція WP CLI

Інтерфейс командного рядка для WordPress, WP-CLI, — це проект із відкритим кодом, який надає інтерфейс командного рядка для різноманітних дій, які ви можете виконувати в адміністраторі WordPress. Розробники з ним добре знайомі.

Отже, за допомогою WP-CLI ви можете виконувати довгий список завдань із довільного терміналу. Таким чином, вам не доведеться входити в термінал адміністратора.

Elementor тепер поставляється з вбудованим WP-CLI. Ця інтеграція WP-CLI дозволяє виконувати такі завдання за допомогою командного рядка:

• flush_css – очищає CSS-кеш Elementor Page Builder
• бібліотека синхронізації – бібліотека Sync Elementor
• replace-URLs – замінити старі URL-адреси новими на всіх сторінках Elementor
• Активувати або деактивувати ліцензію – активуйте або деактивуйте свою ліцензію Pro
• import-library – імпорт файлів шаблонів до бібліотеки

У майбутньому для Elementor буде додано більше команд CLI.

Включення Гутенберга

У найближчі місяці Gutenberg також буде додано до ядра, що зробить Elementor повноцінним пакетом.

Після запуску Gutenberg Elementor працюватиме рівномірно для всіх користувачів elementor.

У версії 2.1 легко перемикатися між Gutenberg і Elementor, оскільки ви використовуватимете вже знайому кнопку «Редагувати за допомогою Elementor» у Gutenberg.

Sticky Video від ОАЕ

Уявіть, що ви прокручуєте сторінку, а відеоконтент повертається ліворуч або праворуч або просто залишається нерухомим.

Це повинно бути неприємне видовище.

Але вже ні. Оскільки дивовижна функція Sticky Video від UAE змушує відео прилипати до сторінки під час прокручування, це означає, що ваше відео плаватиме в лівій або правій частині вікна браузера. Завдяки функції закріплення відео, коли відвідувач прокручує, щоб прочитати вміст, відео разом із текстовим вмістом залишатиметься у фокусі.

Як зробити відео липким?

ОАЕ зробила цю функцію елегантною та простою. Щоб зробити відео липким, ви можете просто ввімкнути «Закріплене відео» для перемикання під вмістом (вкладка) > налаштування «Закріплене відео».

Існують різні варіанти вирівнювання відео у функції закріпленого відео. Перейдіть до панелі дій і налаштувань, щоб контролювати всі аспекти закріпленого відео. Основні характеристики наведені нижче:

• Розмір відео
• Різноманітність варіантів вирівнювання для липкого відео по краях
• Керуйте інтервалом і стилем відео.
• Додайте фон для відео
• Виведіть опис до відео за допомогою інформаційної панелі
• Чуйна підтримка
• Перетягніть закріплене відео через вікно у інтерфейсі
• Налаштування кнопки "Закрити".

Розмір відео

Ви можете налаштувати висоту та ширину відео, вказавши ширину відео в px. Відображення відео буде застосовано відповідно до співвідношення сторін, встановленого для відео. Ви можете керувати співвідношенням сторін для відео на вкладці «Вміст» > «Відео».

наприклад – якщо ви встановили співвідношення 16:9, тоді фіксовані розміри відео застосовуватимуться відповідно до вибраного співвідношення.

Липке вирівнювання

Ви можете керувати вирівнюванням , тобто положенням прикріпленого відео по краях вікна. Відео можна позиціонувати так:

• Верхній правий
• Зліва вгорі
• Внизу праворуч
• Внизу зліва
• Центр праворуч
• Центр ліворуч

Відстань між відео

Ви можете змінити відстань від краю, щоб контролювати відстань навколо відео. Інтервал буде застосовано відповідно до вибраного липкого вирівнювання.

наприклад, для вирівнювання за нижнім лівим краєм інтервал застосовуватиметься лише від нижнього та лівого країв відео.

Розмір і стиль фону

Найкраща частина ОАЕ полягає в тому, що ви можете додати до відео фон на свій вибір. Ви також можете вибрати розмір і колір фону.

Панель інформації

Існує невеликий опис кожного виду відео-метаданих. За допомогою ОАЕ ви можете додати інформативний текст під закріпленим відео. Ви можете описати кожне закріплене відео, яке відображатиме інформацію про відео, яке зараз відтворюється.

За допомогою інформаційної панелі ви також можете керувати кольором, кольором фону, типографікою та відступами відео. Текстове поле підтримує вміст HTML. Ви також можете застосувати спеціальний стиль до вмісту панелі інформації.

Керуйте закріпленим відео на адаптивних пристроях

Існує можливість приховати закріплене відео на адаптивних пристроях. Ви можете вибрати різні пристрої, на яких ви хочете приховати закріплене відео.

Перетягніть будь-де на екрані

За допомогою цієї функції ви можете перетягувати екран відео будь-куди. Ви можете просто клацнути відео та перетягнути його, щоб розмістити в будь-якому місці вікна перегляду. в ОАЕ за замовчуванням підтримує функцію перетягування куди завгодно.

Примітка : мобільні пристрої та внутрішній редактор Elementor не підтримують функцію перетягування.

Кнопка закриття

Ви можете ввімкнути/вимкнути кнопку закриття для закріпленого відео. Також доступні елементи керування для керування стилем кнопки закриття.

Висновок

За допомогою ОАЕ ви можете стилізувати та змінювати свої закріплені відео відповідно до своїх уподобань. Плагін plugin всю процедуру досить легкою. Це дуже елегантне рішення для збагачення графічного вмісту вашого сайту. Продовжуйте створювати чудові липкі відео на своєму веб-сайті та залучайте відвідувачів до вашої веб-сторінки, навіть коли вони прокручують ваші сторінки.