Загрузка видео и управление ими в Elementor

Если на домашней странице компании нет короткого поясняющего видео, она считается устаревшей и пресной. В наши дни очень редко можно встретить веб-сайт, на котором нет короткого видео. Включение коротких видеороликов требует написания этой статьи, поскольку в этой статье обсуждается, как управлять видеороликами в Elementor. В этой статье мы расширили возможности виджета видео и фона видео.

Самостоятельная поддержка видео и Dailymotion

В Elementor вы можете вставлять не только видео с YouTube и Vimeo, но теперь вы также можете включать собственные видео в HTML5 и Dailymotion.

Преимущества самостоятельного размещения видео:

  • Конфиденциальность и контроль: в связи с GDPR и другими проблемами, связанными с конфиденциальностью, стало еще важнее размещать видео на собственном хостинге. Вы можете контролировать содержание этих видео.
  • Право собственности: размещение видео на собственном хостинге помогает вам не полагаться на контент, создаваемый другими. С вашим видео вы на 100% уверены, что не будет проблем с авторскими правами. Также отсутствует риск удаления видео.
  • Персонализация: на собственном хостинге ваше видео не будет содержать никаких логотипов или внешних ссылок. Это поможет вам включить качественный контент, который будет выглядеть более профессионально. Ваши видео могут быть очень полезны для привлечения посетителей на ваш сайт.
  • UX: размещенные на собственном сервере видео гарантируют, что вашим посетителям не будет показана реклама или рекомендуемые видео. Они не будут отвлекаться или перенаправляться к вашим конкурентам (через предлагаемые / рекомендуемые видео).

Время начала и окончания виджета видео и фона

Вы можете установить начальную и конечную точки для виджета видео на поддерживаемых платформах. Вы также можете выбрать фон видео, чтобы воспроизводилась только выбранная часть видео. С помощью этой функции вы можете очень легко зациклить соответствующую часть видео. Вы можете отображать выбранный контент для посетителей в цикле.

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

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

Добавить видео фон в Elementor

В этом разделе мы расскажем, как добавить видео в Elementor:

Нажмите на редактор Elementor и перейдите на панель. Отсюда найдите «видео» и перетащите виджет видео.

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

Улучшенное мобильное редактирование

Изменение точек останова для мобильных устройств и планшетов

Stcky videos.png

В течение долгого времени люди хотели иметь возможность иметь значения точек останова для видео на мобильных устройствах и планшетах. Хорошие новости!! Решение здесь.

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

Чтобы изменить значения точки останова, перейдите к:

Панель управления Elementor> Настройки> Стиль и введите новые значения для «Точка останова для планшета» и «Точка останова для мобильных устройств».

И вуаля !!!

Вы сделали это в самый последний момент.

Интеграция с WP CLI

2.png

Интерфейс командной строки для WordPress, WP-CLI, представляет собой проект с открытым исходным кодом, который предоставляет интерфейс командной строки для различных действий, которые вы можете выполнять в админке WordPress. Разработчики с ним хорошо знакомы.

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

Elementor теперь поставляется со встроенным WP-CLI. И эта интеграция WP-CLI позволяет выполнять следующие задачи через командную строку:

  • flush_css - Очистить кеш CSS конструктора страниц Elementor
  • sync-library - Синхронизация библиотеки элементов
  • replace-URLs - заменить старые URL-адреса новыми URL-адресами на всех страницах Elementor.
  • Активировать или деактивировать лицензию - активировать или деактивировать вашу лицензию Pro
  • import-library - Импортировать файлы шаблона в библиотеку

В будущем для Elementor будет добавлено больше команд CLI.

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

3.png

В ближайшие месяцы в ядро ​​также будет добавлен Gutenberg, что сделает Elementor полноценным пакетом.

С запуском Gutenberg Elementor будет работать бесперебойно для всех пользователей elementor.

В версии 2.1 легко переключаться между Gutenberg и Elementor, потому что вы будете использовать знакомую кнопку «Редактировать с помощью Elementor» в Gutenberg.

Sticky Video от ОАЭ

Представьте, что вы прокручиваете страницу, а видеоконтент перемещается влево или вправо или просто остается неподвижным.

Это должно быть неприятное зрелище.

Но не больше. Поскольку замечательная функция Sticky Video в ОАЭ заставляет видео прилипать к странице во время прокрутки, это означает, что ваше видео будет плавать вдоль левой или правой стороны окна браузера. Благодаря функции прикрепленного видео, когда посетитель прокручивает страницу, чтобы прочитать контент, видео вместе с текстовым контентом остается в фокусе.

Как сделать видео липким?

ОАЭ сделала эту функцию элегантной и простой. Чтобы сделать видео липким, вы можете просто включить липкое видео для переключения в разделе «Контент» (вкладка) > «Липкое видео».

Существуют различные варианты выравнивания видео в функции прикрепленного видео. Перейдите к панели действий и настройкам, чтобы управлять каждым аспектом прикрепленного видео. Ключевые особенности приведены ниже:

  • Размер видео
  • Различные варианты выравнивания для липкого видео по краям
  • Управляйте интервалом и стилем видео.
  • Добавить фон для видео
  • Отображение описания видео с помощью информационной панели
  • Отзывчивая поддержка
  • Перетащите прикрепленное видео через окно во внешнем интерфейсе
  • Настройки кнопки закрытия

Размер видео

Вы можете настроить высоту и ширину видео, указав ширину видео в пикселях. Отображение видео будет применяться в соответствии с соотношением сторон, установленным для видео. Вы можете управлять соотношением сторон видео, выбрав «Контент» (вкладка)> «Видео».

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

Липкое выравнивание

Вы можете управлять выравниванием, т. Е. Положением прикрепленного видео по краям окна. Видео можно позиционировать как:

  • В правом верхнем углу
  • Верхний левый
  • Нижний правый
  • Левая нижняя
  • В центре справа
  • В центре слева

Видео интервал

Вы можете изменить интервал от края, чтобы контролировать интервал вокруг видео. Интервал будет применен в соответствии с выбранным липким выравниванием.

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

Размер и стиль фона

Самое лучшее в липком видео ОАЭ - это то, что вы можете добавить к видео фон по вашему выбору. Вы также можете выбрать размер и цвет фона.

размер и стиль фона.png

Информационная панель

Для каждого типа метаданных видео дано небольшое описание. С опцией липкого видео ОАЭ вы можете добавить информативный текст под липкое видео. Вы можете описать каждое прикрепленное видео, которое будет отображать информацию о проигрываемом в данный момент видео.

С помощью информационной панели вы также можете контролировать цвет, цвет фона, типографику и отступы видео. Текстовое поле поддерживает HTML-контент. Вы также можете применить собственный стиль к содержимому панели информации.

info bar.png

Управление прикрепленным видео на адаптивных устройствах

На адаптивных устройствах есть возможность скрыть прикрепленное видео . Вы можете выбрать различные устройства, на которых вы хотите скрыть прикрепленное видео.

Перетащите куда угодно на экране

С помощью этой функции вы можете перетащить видеоэкран куда угодно. Вы можете просто щелкнуть видео и перетащить его, чтобы поместить в любое место в области просмотра. По умолчанию липкое видео в ОАЭ поддерживает функцию перетаскивания его куда угодно.

Примечание . Мобильные устройства и внутренний редактор Elementor не поддерживают функцию перетаскивания.

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

Вы можете включить / отключить кнопку закрытия для прикрепленного видео. Также доступны элементы управления стилем кнопки закрытия.

закрыть button.png

Вывод

С помощью функций липких видео в ОАЭ вы можете стилизовать и изменять свои липкие видео в соответствии с вашими предпочтениями. plugin делает всю процедуру довольно легко. Это очень элегантное решение для обогащения графического контента вашего сайта. Продолжайте создавать потрясающие липкие видео на своем веб-сайте и привлекайте посетителей на своей веб-странице, даже когда они прокручивают ваши страницы.

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля отмечены *