Скидка 50% до 1 января 2025

Виджет Video

Видео-виджет Ultimate Addons for Elementor использует инновационную технику оптимизации. Он обеспечивает разумный способ встраивания видео YouTube и Vimeo на вашу страницу без ущерба для скорости страницы.

Примечание. В связи с объявлением об устаревании параметров showinfo и rel в API YouTube есть несколько изменений, которые повлияли на работу этого видео виджета.


  • Вы не можете отложить информацию о видео, такую ​​как название канала и название видео.
  • Вы не сможете отключить показ похожих видео.

Благодаря этому изменению в API YouTube, мы изменили параметр «Предлагаемые видео» и заменили его параметром «Похожие видео», который позволит вам выбрать источник видео.


Ниже приведены ключевые функции, которые делают видео виджет Ultimate Addons для Elementor уникальным.


  • Оптимизация времени загрузки : виджет встраивает миниатюру видео YouTube/Vimeo вместо самого видео.
  • Пользовательское изображение миниатюры — установите красивое изображение миниатюры для видео с наложением цвета.
  • Настройки кнопки воспроизведения (поддерживает изображение, значок, эффекты наведения). Установите значок или изображение в качестве кнопки воспроизведения с анимацией наведения.

Вот сравнение скорости страницы: встраивание видео традиционным способом и встраивание видео с помощью видео виджета Ultimate Addons for Elementor

Виджет позволяет вставлять видео с YouTube и Vimeo. Прежде чем начать, обязательно включите виджет в настройках Ultimate Addons for Elementor.


Параметры видео, доступные с помощью виджета видео:

  • YouTube видео
  • Vimeo видео
  • Wistia Видео


Параметры видео для видео YouTube

  • Автовоспроизведение : видео будет воспроизводиться автоматически при загрузке страницы.
  • Похожие видео из : есть два варианта: « Текущий видеоканал» и «Любое случайное видео» . Текущий видеоканал будет отображать похожие видео с того же канала YouTube. Любое случайное видео будет отображать случайные видео на основе любимых видео публики. Обратите внимание , что предлагаемые видео нельзя полностью отключить.
  • Управление проигрывателем : выберите, отображать ли такие элементы управления, как воспроизведение, пауза, громкость, полноэкранный режим и т. д.
  • Без звука : позволяет отключить звук видео.
  • Скромный брендинг : запретить отображение логотипа YouTube на панели управления.
  • Режим конфиденциальности : этот режим не позволяет YouTube сохранять информацию о посетителях вашего веб-сайта, пока они не воспроизведут видео.

Параметры видео для видео Vimeo

  • Автовоспроизведение : видео будет воспроизводиться автоматически при загрузке страницы.
  • Цикл : выберите видео для непрерывного воспроизведения. Видео автоматически запустится снова после достижения конца.
  • Вступительное название : отображает название видео.
  • Вступительный портрет : отображает изображение профиля автора.
  • Автор вступления : отображает имя автора видео.
  • Цвет элементов управления : установите цвет элементов управления видеоплеером.

Параметры видео для Wistia Video

  • Текст ссылки и миниатюры. В отличие от видео YouTube и Vimeo, здесь вам нужно будет скопировать текст ссылки и миниатюры из соответствующего видео Wistia.
  • Автовоспроизведение: видео будет воспроизводиться автоматически при загрузке страницы.
  • Цикл: это позволит видео воспроизводиться непрерывно.
  • Сброс: возврат к началу видео с отображением видео и миниатюры. Убедитесь, что они настроены на отображение при загрузке.
  • Отключить звук: отключает громкость видео.
  • Показать панель воспроизведения: отображает индикатор выполнения видео на нижней панели воспроизведения.
  • Включить двойной щелчок на мобильном устройстве: эту опцию необходимо включить, если вы не можете видеть пользовательскую миниатюру или цвет наложения на мобильном устройстве. Обратитесь к этой статье для получения дополнительной информации.

Как получить действительную ссылку на Wistia Video

Чтобы получить ссылку на видео Wistia, вам нужно будет перейти к своему видео Wistia, щелкнуть по нему правой кнопкой мыши и выбрать последний вариант « Копировать ссылку и миниатюру ». Теперь скопируйте то же самое и вставьте в это поле.

Примечание. Если вы меняете миниатюру или ссылку из соответствующего видео Wistia, обязательно вставьте текст ссылки и миниатюры в это поле еще раз.


Как установить миниатюру для видео?

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


Эту настройку можно найти в разделе «Содержимое» (вкладка) > «Миниатюры и наложение».


Включите параметр «Пользовательский эскиз». Установите изображение и настройте цвет наложения.

Как стилизовать кнопку Play?

Эту настройку можно найти в разделе «Содержимое» (вкладка) > «Кнопка воспроизведения».


Кнопку воспроизведения можно установить как изображение или значок.


Для изображения


  • Выберите подходящее изображение из Медиа-библиотеки.
  • Опция «Анимация при наведении» придает кнопке воспроизведения интересный вид.

Для значка


  • Выберите значок из раскрывающегося списка
  • Вы можете установить обычный цвет и цвет при наведении, а также тень текста для значка.
  • Опция «Анимация при наведении» доступна на вкладке «Наведение».

Установите определенное время воспроизведения видео

Виджет позволяет ввести :


  • Время начала и окончания видео на YouTube
  • Время начала видео Vimeo

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


Примечание:


1. Чтобы встроить видео, введите полную ссылку на видео.

Например,


Для видео на YouTube

действительная ссылка : https://www.youtube.com/watch?v=aqz-KE-bpKQ&t=3s

Недействительная ссылка : https://youtu.be/aqz-KE-bpKQ


Для видео Vimeo

Действительная ссылка : https://vimeo.com/274860274

Недействительная ссылка : https://vimeo.com/channels/staffpicks/274860274


2. После добавления еще одного виджета, чтобы снова отредактировать видео виджет, щелкните значок карандаша в правом верхнем углу.


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

Ключевая особенность:


Недавно добавленная опция для типа видео, размещаемого на собственном хостинге:


  • Внешний URL-адрес: вставьте внешний URL-адрес видео.
  • Выберите файл: если у видео нет ссылки на внешнее видео, вы можете выбрать существующий видеофайл из медиатеки.

Вам просто нужно будет выбрать тип видео как «Самостоятельное размещение» из предыдущих вариантов типа видео, таких как Wistia, YouTube, Vimeo.


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


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

Видео Схема

Этот виджет предоставляет встроенную опцию схемы для всех типов видео: YouTube, Vimeo и Wistia.


Добавление схемы к вашему видео поможет ему лучше ранжироваться в результатах поиска. Это также позволяет поисковым системам отображать «расширенный фрагмент». Расширенный фрагмент – это подробная информация, отображаемая вместе с результатами поиска, например заголовок, описание, дата и миниатюра. Точно так же, как показано ниже:


Добавление схемы вручную с помощью кода — утомительная задача. Ultimate Addons предлагает готовые поля для добавления схемы к вашему видео.


Параметры схемы, которые вы видите в виджетах «Видео», помогут вам добавить схему VideoObject к вашему видео.


Вы найдете эту опцию в разделе «Содержимое» > «Схема видео». Просто включите эту опцию и заполните данные.

Вот список всех обязательных полей:


  • Название видео
  • Описание видео
  • Миниатюра видео
  • Дата и время загрузки видео

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


После того, как вы заполните всю необходимую информацию, необходимый код схемы будет автоматически сгенерирован и добавлен на страницу.


Вы можете протестировать схему с помощью инструмента тестирования расширенных результатов Google или инструмента тестирования структурных данных . В этих инструментах просто введите URL-адрес страницы или исходный код страницы.


Примечание:


Если вы использовали собственный эскиз для видео, поле эскиза по умолчанию в разделе «Схема видео» не будет видно.

Пользовательская миниатюра, которую вы использовали в разделе «Содержимое» > «Миниатюра и наложение» > «Пользовательская миниатюра» > «Выбрать изображение», будет использоваться в качестве миниатюры видео для схемы вместо миниатюры по умолчанию из схемы видео.

Если вы решили установить собственный эскиз, но не выбрали для него изображение, вы увидите уведомление в редакторе.

Автор

Поделиться

Комментарии

Один ответ на “Виджет Video”

Розалия Баязитова

Спасибо за просмотр! Оставляйте свои комментарии и вопросы!

Добавить комментарий

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

' skin='skin1'}}

Найдите свой шаблон для сайта среди 300+ вариантов

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

Все шаблонные сайты

Найдите свой шаблон для сайта среди 300+ вариантов

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors