[Ad_1]

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

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

Как добавить блок видео в свой пост или страницу

Как добавить блок видео в свой пост или страницу

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

Как добавить блок видео в свой пост или страницу

Если хотите, можете ввести /видео где вы хотите разместить блок, и нажмите Enter или выберите его из опций.

Как добавить блок видео в свой пост или страницу

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

Как добавить блок видео в свой пост или страницу

Видеопроигрыватель включает в себя все основные параметры воспроизведения, в том числе кнопки воспроизведения/паузы, индикатор выполнения, звук, полноэкранный режим, а также кнопки загрузки и «картинка в картинке». Функция «картинка в картинке» помещает видео в правый нижний угол, чтобы его можно было воспроизводить, пока пользователь прокручивает страницу. Веб-сайт. Под видео можно разместить подпись.

Настройки и параметры блокировки видео

Настройки и параметры блокировки видео

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

Панель инструментов видеоблока

Панель инструментов видеоблока

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

Блок или стиль изменения видео

Блок или стиль изменения видео

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

группа - это добавляет блок в группу, чтобы вы могли уместить их как один блок.

Колонны - это помещает блок в столбцы.

Медиа и текст - это добавляет текст рядом с медиа, создавая две колонки.

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

Депозит – это превращает видео в кнопку с заголовком, позволяя пользователю загружать видео, а не воспроизводить его с Веб-сайт.

Инструмент для слайдера видеоблока

Инструмент для слайдера видеоблока

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

Инструмент для слайдера видеоблока

Затем видеоблок будет размещен на новом месте.

Перемещение видеоблока

Перемещение видеоблока

Перемещайте видеоблок по разделу содержимого с помощью стрелок вверх и вниз.

Выравнивание изменения видеоблока

Выравнивание изменения видеоблока

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

Выравнивание изменения видеоблока

Это большая ширина. Он занимает большую часть экрана.

Текстовые дорожки видеоблока

Текстовые дорожки видеоблока

Текстовые дорожки отображают субтитры и подписи во время воспроизведения видео. Они отформатированы как файлы WebVTT (Web Video Text Tracks). Файлы загружаются из медиатеки.

Текстовые дорожки видеоблока

После того, как вы загрузили файл .vtt, вы увидите варианты редактирования трека. Добавьте метку, выберите язык и тип трека.

Метка - это заголовок текстовой дорожки, который пользователь увидит при просмотре доступных дорожек.

Исходный язык - это язык текстовой дорожки.

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

  • Субтитры - перевод диалога.
  • Legendes - транскрипции диалогов, звуковые эффекты, музыка и т. д.
  • Описание - текст, описывающий происходящее.
  • Главы - названия глав для навигации.
  • метаданные - из данные для использования JavaScript.

Текстовые дорожки видеоблока

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

Заменить видеоблок

Заменить видеоблок

Это позволяет заменить видео другим видео.

Параметры видеоблока

Параметры видеоблока

Опции включают скрытие дополнительных параметров, копирование, дублирование, вставку до или после, перемещение, редактирование в HTML, добавление в повторно используемые блоки, группировку и удаление блока.

Вот для чего нужны варианты:

Скрыть дополнительные настройки - это скрывает правую боковую панель, убирая отвлекающие факторы и увеличивая рабочее пространство.

Copie - это копирует видеоблок в буфер обмена, чтобы вы могли вставить его в любом месте вашего контента.

дублировать - это добавляет дубликат блока под оригинал.

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

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

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

Редактировать в HTML - при этом отображается HTML-код только для этого блока, а все остальные блоки остаются обычными.

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

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

Удалить блок - это удаляет блок.

Параметры подписи к видеоблоку

Параметры подписи к видеоблоку

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

  • Онлайн-код
  • Интернет-изображение
  • Ввод с клавиатуры
  • Закрыт
  • содержание
  • показатель степени
  • Цвет текста

Каждый влияет на выделенный вами текст.

Настройки блокировки видео

Настройки блокировки видео

Настройки видеоблока включают видео и расширенные. Давайте посмотрим на оба.

Настройки видео

Настройки блокировки видео

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

Автозапуск - автоматически воспроизводить видео при загрузке страницы.

петля - воспроизводит видео в непрерывном цикле.

Приглушен - отключить звук.

корректура Органы управления - скрыть или отобразить команды игрока. Когда элементы управления скрыты, пользователь не может контролировать видео. Автовоспроизведение должно быть включено.

играть Интернет - воспроизводит видео в игровой области элемента.

Предварительная загрузка - определяет количество загружаемого видео при загрузке страницы. Выберите «Авто» (все видео), «Метаданные» (только основная информация) или «Нет» (ничего не загружается автоматически).

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

прогресс

прогресс

Расширенные настройки видео включают привязку HTML и дополнительные классы CSS.

Якорь HTML - позволяет указать текст, который будет использоваться в качестве настраиваемого URL-адреса для этого конкретного блока.

Дополнительные классы CSS - предоставляет поле для добавления всех классов CSS, которые вы хотите использовать для этого блока.

Советы и рекомендации по эффективному использованию видеоблока

Если вы встраиваете видео из таких источников, как YouTube или Vimeo, используйте их блок, а не видеоблок.

Сжимайте видео и уменьшайте его размер и время загрузки.

Создавайте треки .vtt с помощью онлайн-генераторов субтитров или аналогичных приложений.

Установите для предварительной загрузки значение Нет, если вы хотите увеличить скорость загрузки страницы. Автоматически загружаемый объем повлияет на скорость загрузки вашей страницы.

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

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

Часто задаваемые вопросы о видеоблоке

Для чего нужен этот блок?

Этот блок упрощаетHébergement видео на вашем Веб-сайт и позволяет контролировать работу плеера.

В чем разница между видеоблоком и видеоинтеграцией?

Встроенные видео из таких источников, как YouTube и Vimeo, не позволяют управлять функциями проигрывателя.

Как лучше всего использовать этот блок?

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

Заключение

Это наш взгляд на видеоблок WordPress. Мне нравится уровень контроля, который он предлагает. Выравнивание по левому и правому краям особенно хорошо смотрится с контентом вокруг него, а большая ширина - отличный способ привлечь внимание к видео. Добавление изображения плаката может привлечь внимание пользователей. Этот блок - отличный выбор для демонстраций продуктов, руководств, музыки и многого другого.

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

Лучшее изображение через PD99 / shutterstock.com



[Ad_2]

Ссылка на источник