Как вставить видео в WordPress

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

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

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

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

Порядок действий для встраивания видео в WordPress зависит от выбранного вами варианта — использование плагина сильно отличается от доступа к встроенной медиатеке или добавления кода для встраивания. Ниже мы приводим краткое описание отдельных шагов для всех трех вариантов.

Если вы являетесь создателем или владельцем видео, вы можете просто загрузить его в медиатеку WordPress.

Шаг 1: Запустите медиатеку и выберите «Медиа» в меню слева:

Шаг 2: Нажмите на «Добавить новый» и «Выбрать файлы», чтобы указать и подтвердить место хранения вашего видеофайла и начать его загрузку в Медиатеку. В качестве альтернативы перетащите клип в поле (пунктирные линии):

Шаг 3: Запустите страницу WordPress, на которую вы хотите добавить видео, и нажмите на знак плюс, чтобы добавить блок контента.

Шаг 4: Прокрутите страницу до раздела «Медиа» и выберите запись «Видео», чтобы добавить блок видеоконтента. В блоке нажмите на «Медиатека». WordPress запустит обзор доступных видео, из которого вы сможете выбрать нужное видео. После нажатия на видео откроется окно, в котором можно настроить метаданные, такие как название, метка и описание видео. Нажмите кнопку «Выбрать», чтобы вставить видео на свою страницу WordPress.

Теперь ваше видео встроено в WordPress. Как и любой другой блок контента на WordPress, вы можете перемещать его по странице, чтобы он соответствовал макету вашей страницы.

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

Чтобы добавить видео с YouTube с помощью кода вставки, выполните следующие шаги. Обратите внимание, что отдельные шаги могут отличаться для других платформ видеоконтента.

Шаг 1: Найдите видео YouTube, которое вы хотите вставить, и нажмите кнопку «Поделиться», расположенную под роликом.

Шаг 2: Выберите «Встроить», чтобы перейти к опциям встраивания. Вы можете выбрать настройки по умолчанию или немного изменить код встраивания. Например, вы можете определить время, в течение которого видео будет воспроизводиться после встраивания на вашу страницу («Start at»). Вы также можете включить режим повышенной конфиденциальности для защиты личных данных ваших посетителей. Наконец, нажмите на «Копировать», чтобы сохранить код в буфере обмена для импорта в WordPress.

Шаг 3: Теперь откройте страницу в WordPress, куда вы хотите вставить видео. Вставьте ссылку на ролик из буфера обмена прямо в нужное место, создав HTML-блок и используя комбинацию клавиш [Ctrl] + [v] или щелкнув правой кнопкой мыши и выбрав «Вставить».

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

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

Шаг 1: В левом меню откройте раздел «Плагины» и нажмите на кнопку «Установить».

Шаг 2: Введите любое ключевое слово в строку поиска (справа вверху), чтобы найти подходящий видеоплагин WordPress. Чтобы посмотреть, какие плагины доступны, просто введите поисковый запрос «видео»:

Шаг 3: Когда вы определитесь с плагином, кликните на него и нажмите кнопку «Установить сейчас». Как только плагин будет установлен, вы сможете его «Активировать».

Шаг 4: В качестве альтернативы вы можете управлять своими плагинами через подменю «Установленные плагины» или кнопку подменю, как показано на примере плагина OriginCode «Video Gallery» ниже:

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

Хотите встраивать видеоконтент YouTube? Вы не захотите пропустить Embed Plus for YouTube. Имея более 200 000 активных установок, плагин поддерживает встраивание не только отдельных клипов YouTube, но и целых плейлистов, каналов и даже трансляций. Плагин также совместим с редактором WordPress Gutenberg. Мастер YouTube» — это удобный инструмент управления. Дополнительные функции, такие как автоматическая SEO-разметка видео или функция кэширования, могут быть активированы при переходе на платную версию Pro.

Если вы подпишитесь на платную версию плагина Yoo Slider (для новичков: около $20/год), вы сможете добавлять на свою страницу высококачественные, отзывчивые видео слайд-шоу. Бесплатная версия плагина доступна только для изображений. По желанию вы можете добавить слайд-шоу, используя клипы YouTube и Vimeo, а также видео из вашей медиатеки с помощью предустановленного Yoo Slider и получить доступ к более чем 20 предустановленным анимациям. Также возможно добавление видео с помощью HTML-кода. Чтобы вставить созданное слайд-шоу, просто воспользуйтесь редактором Gutenberg или шорткодом WordPress.

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

Управляете блогом? Тогда вы уже хорошо знаете, насколько важна плавная работа сайта на различных конечных устройствах. Особенно важно время загрузки. Если видео с YouTube являются неотъемлемой частью вашего блога WordPress, то плагин WP YouTube Lyte будет особенно полезен.

Плагин обеспечивает ленивую загрузку для всех встроенных в WordPress видео. Отзывчивые «Lite YouTube Embeds» выглядят как обычные вставки YouTube, но запускают требующий много памяти плеер только тогда, когда посетитель действительно нажимает на видео. Видео YouTube также можно кэшировать локально, что позволяет избежать ненужного обращения к серверам видеоплатформы.

Параллакс-скроллинг сегодня является важной особенностью дизайнерских инструментов для современных веб-проектов. Advanced WordPress Backgrounds (AWB) — это бесплатный плагин, поддерживающий параллакс-скроллинг в WordPress. С помощью расширения можно создавать индивидуальные параллакс-фоны для выбранных страниц на основе изображений или видео (размещенных самостоятельно, на YouTube или Vimeo). Технической основой для этого является мощный JavaScript-плагин Jarallax.

Галереи — популярный инструмент для одновременного представления нескольких видео на странице, и Video Gallery от Total Soft — отличное решение для этой цели. Бесплатная базовая версия позволяет составлять и публиковать видеогалереи с любым количеством клипов с YouTube, Vimeo, Wistia или из собственного источника. Все галереи могут быть организованы автоматически в отзывчивом веб-дизайне и с помощью drag-and-drop. Чтобы адаптировать дизайн ваших галерей, мы рекомендуем перейти на одну из платных версий (примерно от $15). Обновление позволяет получить доступ к дополнительным темам галерей, шрифтам, эффектам наведения и различным другим опциям стиля.