Вернуться на страницу поддержки Содержимое и медиафайлы Блоки Блок видео

Блок видео

Блок «Видео» позволяет загрузить видеофайл прямо в запись или на страницу.

Эта функция доступна на сайтах с нашими тарифными планами WordPress.com Explorer, Creator и Entrepreneur. Если для вашего сайта действует один из устаревших тарифных планов, эта функция доступна с планом Pro.

Если вы не хотите переходить на платный план, можно загрузить видеофайл в бесплатный сервис (например, YouTube) и вставить его на сайт.

Добавление блока «Видео»

Чтобы добавить блок «Видео», нажмите значок «+» инструмента вставки блоков и выполните поиск по ключевому слову video. Нажмите на блок, чтобы добавить его в запись или на страницу.

💡

Чтобы быстро добавить новый блок «Видео», можно набрать /video в новой строке и нажать клавишу Enter.

Добавление блока «Видео» с помощью инструмента вставки блоков с косой чертой.
Добавление блока «Видео» с помощью инструмента вставки блоков с косой чертой

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

Добавление содержимого в блок

При первом добавлении блока «Видео» в запись или на страницу он будет выглядеть следующим образом:

Добавление содержимого в блок «Видео».

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

  1. Загрузить. Загрузка нового видео со своего компьютера в блок «Видео».
  2. Библиотека медиафайлов. Выбор файла, загруженного ранее в  библиотеку медиафайлов.
  3. Вставить с сайта. Вставка URL-адреса блока поддерживаемого типа, например YouTube. Блок «Видео» будет автоматически преобразован в блок YouTube.

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

Вот пример того, как выглядит блок «Видео»:

Пример блока «Видео»

Изменение размера блока «Видео»

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

Изменение размера блока «Видео»

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

После нажатия блока над ним появляются следующие опции панели инструментов:

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

На панели инструментов блока «Видео» доступны следующие опции:

📌

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

Настройки блока

При выборе блока на боковой панели справа появятся дополнительные настройки блока. Если боковая панель не отображается, чтобы открыть настройки, нужно нажать значок Настройки в правом верхнем углу экрана. Этот значок похож на квадрат, разделённый на две неравные колонки:

Значок настроек в редакторе со всплывающей подсказкой «Настройки» под ним.
Щёлкните по значку «Настройки», чтобы открыть настройки блока.
Детали

Присвойте своему видео название и добавьте описание.

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

  1. В описании добавьте список отметок времени и заголовки.
  2. Убедитесь, что первая отметка времени в списке начинается с 00:00.
  3. Добавьте не менее трёх разделов.
  4. Добавьте разделы по порядку, интервал между ними должен быть не менее 10 секунд.

Сохранив страницу/запись, вы увидите, что блок «Видео» обновится и автоматически покажет разделы. На приведенном ниже скриншоте показан пример видео с разделами. Разделы появляются автоматически с элементами управления видео.

Раздел «Детали» боковой панели блока «Видео» с заголовком и примером разделов в «Описании».
Скриншот видео с разделами.
Автовоспроизведение

Автовоспроизведение — включите эту опцию, чтобы видео воспроизводилось автоматически при загрузке страницы (только если это поддерживается браузером). Некоторые современные браузеры блокируют эту функцию.

Повтор

После окончания видео воспроизводится заново с начала.

Беззвучно

Видео воспроизводится без звука.

Контроль воспроизведения

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

Используйте встроенные возможности

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

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

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

  • Ничего. Никакая часть видеофайла не загружается автоматически. Загрузка видеофайла начинается только после того, как посетитель нажмёт кнопку воспроизведения. Эта настройка обеспечивает наиболее быструю загрузку страницы.
  • Метаданные. Автоматически загрузятся только основные данные о файле. Как и с настройкой «Ничего», загрузка видеофайла начинается только после нажатия кнопки воспроизведения. Загрузка страницы с такой настройкой также происходит довольно быстро, поскольку загружается только текст. По существу, настройки Ничего и Метаданные не отличаются друг от друга.
  • Автоматически. Загружается весь видеофайл, независимо от того, нажимает ли посетитель кнопку воспроизведения. Этот вариант замедляет загрузку страницы или записи, особенно в случае больших видеофайлов.
Настройки блока «Видео»: предварительная загрузка.
Постер

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

Цвета индикатора выполнения

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

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

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

Доступные варианты:

  • Рейтинг видео. Обычный (G), PG-13 и для ограниченного просмотра (R).
  • Разрешить скачивание. При включении этого параметра зрители могут скачать видеофайл через меню общего доступа на видеоплеере.
  • Конфиденциальность видео. Выберите, будет ли видео общедоступным, закрытым или соответствовать настройкам сайта по умолчанию (настройки конфиденциальности вашего сайта в разделе Настройки → Общие).
Настройки блока «Видео»: постер, цвета индикатора выполнения, настройки видеофайла.

Дополнительные настройки

На вкладке дополнительных настроек можно добавить к блоку класс CSS, что позволяет настраивать стиль блока по своему усмотрению с помощью собственных таблиц CSS.

Раздел дополнительных настроек позволяет добавить к блоку класс CSS.
Раздел дополнительных настроек позволяет добавить к блоку класс CSS.

Стили блоков

Щёлкните значок шестерёнки для доступа к дополнительным настройкам блока.

Стрелка указывает на значок шестерёнки, который можно щёлкнуть, чтобы открыть раздел настроек блока.
Размеры

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

Стрелка указывает на кнопку «+» рядом с размерами и открывает доступные для щелчка опции для отступов и полей.

Щёлкните значок + рядом с размерами, чтобы выбрать и активировать настройки отступов и полей.

Параметр Отступы определяет пространство вокруг содержимого блока внутри его границ.

Параметр Поля определяет на пространство за пределами границ выбранного блока.

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

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

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

Для изменения единицы измерения отступов и полей щёлкните PX, чтобы открыть раскрывающийся список других поддерживаемых единиц измерения: %, EM, REM, VW и VH.

Анимированное GIF-изображение показывает процесс нажатия на PX, после чего открывается список других единиц.

VideoPress

VideoPress — это простой и адаптивный видеоплеер, который позволяет размещать видео на вашем сайте. Если загрузить видеофайл в блок «Видео» или перетащить видеофайл в запись или на страницу, он будет автоматически размещён на VideoPress.

Подробности см. в этом руководстве.

Copied to clipboard!