Руководства/Медиафайлы/Настройка проигрывателя VideoPress

Настройка проигрывателя VideoPress

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

Обучающее видео

Это видео на английском языке.
YouTube предлагает функции автоматического перевода, чтобы вы могли смотреть его на своём языке:

Чтобы включить автоматически переведённые субтитры:

  1. Запустите видео.
  2. Нажмите значок ⚙️ Настройки (в правом нижнем углу видео).
  3. Выберите Субтитры/CC.
  4. Нажмите Автоматический перевод.
  5. Выберите нужный язык.

Чтобы слушать автоматический дубляж (экспериментальная функция):

  1. Нажмите ⚙️ Настройки.
  2. Выберите Аудиодорожка.
  3. Выберите язык, на котором хотите слушать видео:

ℹ️ Переводы и дубляж создаются автоматически с помощью Google, могут содержать неточности, а функция автоматического дубляжа всё ещё находится на стадии тестирования и доступна не для всех языков.

Как изменить размер проигрывателя

Чтобы изменить размер проигрывателя VideoPress непосредственно в редакторе WordPress, выполните следующие действия:

  1. Выберите блок VideoPress, нажав на него.
  2. В углах проигрывателя найдите маркеры изменения размера (маленькие квадратики).
  3. Нажимайте на маркеры и передвигайте их, чтобы изменять ширину и высоту окна проигрывателя.
  4. Установив нужный размер, отпустите кнопку мыши.
  5. Нажмите Сохранить или Опубликовать, чтобы сохранить изменения.

Выбор миниатюры

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

  1. Выберите блок VideoPress и откройте его боковую панель настроек.
    • Если боковая панель не отображается, щёлкните по значку Настройки в правом верхнем углу.
  2. В разделе Постер и предварительный просмотр выберите один из следующих вариантов:
    • Выбрать кадр видео: прокрутите временную шкалу видео, чтобы выбрать кадр для постера.
    • Выбрать изображение постера: загрузите новое изображение или выберите его в библиотеке файлов.
  3. Кроме того, можно включить опцию «Предпросмотр при наведении курсора», чтобы посетители могли сканировать видеоконтент.
  4. Нажмите Сохранить или Опубликовать, чтобы сохранить изменения.
Опция «Постер и предварительный просмотр» на боковой панели настроек блока VideoPress.

💡

Чтобы изображение для постера было качественным, следует выбирать его по размеру, соответствующему разрешению видео. Так, если разрешение видео — 1080 пикселей, лучше всего выбрать изображение размером 1920 x 1080 пикселей.

Настройка воспроизведения

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

  1. Выберите блок VideoPress и откройте его боковую панель настроек.
    • Если боковая панель не отображается, щёлкните по значку Настройки в правом верхнем углу.
  2. В разделе Воспроизведение настройте следующие параметры:
    • Автовоспроизведение: автоматический запуск видео при загрузке страницы.
      Напоминание: некоторые браузеры могут блокировать автовоспроизведение, если звук видео не отключён.
    • Цикл: по окончании воспроизведения видео запускается повторно.
    • Звук отключён: воспроизведение видео начинается в немом режиме. Пользователи могут сами включать звук при необходимости.
    • Показать управление: показать или скрыть элементы управления воспроизведением (воспроизведение, пауза, громкость и т. д.).
    • Режим встроенного воспроизведения: на мобильных устройствах видео воспроизводится во встроенном, а не полноэкранном режиме.
    • Предварительная загрузка: выбрать, какая часть видео станет загружаться при загрузке страницы («Нет», «Метаданные» или «Авто»).
  3. Нажмите Сохранить или Опубликовать, чтобы сохранить изменения.
Параметры воспроизведения на боковой панели настроек блока VideoPress.

Как изменить цвет индикатора воспроизведения

Цвет индикатора воспроизведения видео можно настроить в соответствии с дизайном вашего сайта.

  1. Выберите блок VideoPress и откройте его боковую панель стилей.
    • Если боковая панель не отображается, щёлкните по значку Настройки в правом верхнем углу.
  2. По умолчанию включён параметр Динамический цвет, что позволяет адаптировать цвета к видео во время воспроизведения.
  3. Отключите эту опцию, чтобы задать нужные цвета:
    • Основной: цвет индикатора воспроизведения по умолчанию.
    • Загружено: цвет панели после загрузки видео.
    • Выполнение: цвет панели во время загрузки видео.
  4. Нажмите Сохранить или Опубликовать, чтобы сохранить изменения.

Настройка отступов и полей

Укажите отступы и поля вокруг проигрывателя VideoPress, пользуясь настройками размеров на боковой панели стилей блока.

Шорткод VideoPress

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

  1. На консоли нажмите Медиафайлы.
  2. Щёлкните видео, шорткод которого вам нужен.
  3. Скопируйте шорткод, нажав кнопку Копировать, как показано на изображении ниже.
    • Он будет начинаться с символа [, за которым будет следовать wpvideo или videopress, затем строка символов, и в конце — символ ].
    • Например:

[wpvideo YN4MKhAB]

Нижняя часть страницы сведений о видео в разделе «Медиафайлы», где выделен шорткод.
  1. Отредактируйте запись или страницу, где вы хотите разместить видео.
  2. Нажмите кнопку «+» инструмента вставки блоков и вставьте блок «Шорткод».
  3. Вставьте шорткод, полученный на 3 шаге, и добавьте перед закрывающей скобкой w=XXX, чтобы установить ширину видео в пикселях, например:

[wpvideo YN4MKhAB w=400]

Ширину видео можно регулировать в соответствии с шириной столбца вашей темы.

Атрибуты шорткода VideoPress

Шорткод может принимать атрибуты, изменяющие поведение по умолчанию, например:

  • w=X — ширина в пикселях, единицы измерения не указываются;
  • h=Y — высота в пикселях, единицы измерения не указываются;
  • hd=true/false — для воспроизведения в формате HD;
  • freedom=true/false — для использования видеоформатов только с открытым исходным кодом;
  • autoplay=true/false — для автоматического воспроизведения видео при загрузке;
  • loop=true/false — для циклического воспроизведения видео;
  • controls=false — чтобы скрывать элементы управления видео по умолчанию при отображении видео.

Можно добавлять любые желаемые атрибуты перед символом ]: [wpvideo OcobLTqC attribute=value]. Например:

[wpvideo OcobLTqC w=640 h=400 autoplay=true loop=true]

Copied to clipboard!