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

Содержание

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

Прогресс идет вперед и не всегда текстовый формат помогает понять тему, легче и быстрее записать ролик. Загрузить на youtube легко, но как потом показать видео на сайт WordPress вот проблема. Статья полностью ответит на данный вопрос и даст простые и пошаговые инструкции.

Вставить через прямые ссылки

После загрузки файла на любой из популярных хостингов, например Vimeo, Youtube и Tumblr можно воспользоваться прямым URL на видеофайл из браузера. Идем на страницу, где проигрывается ролик и копируем url.

Копируем адрес

Переходим в создание статьи или записи и во вкладке Визуально (старого редактора), или в поле абзац в (Gutenberg), прописываем ссылку и она автоматически преобразуется в экран просмотра.

Записываем URL

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

Иконки социальных сетей

  • Нажимаем на плюс
  • Находим раздел вставка
  • Ищем сервис или социальную сеть откуда нужно взять ролик на сайт WordPress

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

Персональный раздел YouTube

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

Добавить iframe в WordPress для видео на сайте

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

Таковой является социальная сеть Вконтакте, WordPress не воспринимает ВК и редакторе нет. Открываем видео на сайте ВК и смотрим инструкцию.

Экспорт ссылок в ВК

  1. Жмем на стрелочку
  2. Переходим во вкладку Экспортировать
  3. Копируем код
  4. Если нужно, то перед копированием настраиваем величину

Переходим на сайт, в старом редакторе вставляем код во вкладке текст.

Кода в режиме текст

Код в WordPress обработался, в Визуально увидим сформированное видео.

Генерация видео

Если работаем в Gutenberg, ставим блок HTML-код.

HTML

Помещаем iframe конфигурацию, можно нажать Посмотреть, WordPress обработает и добавить видео на экран.

Просмотр в гутенберге

Данная возможность на YouTube находится под видео. Настраиваем отображение и копируем HTML.

Поделится

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

Как разместить видео на блоге с плагином ARVE

WordPress Плагин ARVE упростит процесс и может разместить ролик с расширенными настройками, находится в официальном репозитории здесь.

Устанавливается стандартно, имеет несколько настроек. Единственный минус, что дружит плагин только со стандартным редактором WordPress. Переходим в написание записи и видим новую кнопку Video, нажимаем.

Кнопка ARVE

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

  • Задать миниатюру
  • Выровнять по центру (что бывает проблематично)
  • Задать продолжительность
  • Сделать автозапуск
  • Выставить ширину и высоту
  • Управление звуком
  • Авто реплей

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

Устаревший тег embed

В вордпрессе существует поддержка бесполезного шорткода embed, его заменил автоматический процесс. Если интересен метод, то берем конфигурацию такого вида.

[ embed ]URL скопированная с ютуба[ /embed ]

Видео формат через компьютер (без ссылок на ютуб)

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

  • Сокращает пространство
  • Тормозит сайт
  • Форматы поддерживаются только в mp4 расширении
  • Большие файлы нельзя загрузить

Если не переубедил, то движемся дальше. Нажимаем на кнопку Добавить Медиафайл.

Кнопка Добавить медиафайл

При работе в Gutenberg находим плюс, в разделе основные выбираем блок Видео, остальные шаги одинаковые.

Блок video в гутенберге

Перетаскиваем с компьютера файл, он загружается.

Копирование объекта с компьютера

После сохранения в углу жмем Добавить в запись.

Выделение и добавление

Если процесс прошел хорошо, то в предварительном просмотре увидим загруженное.

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

Представление на ресурсе

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

Пожалуйста, оцените материал: Мне нравитсяНе нравится

Оптимизация вставки видео с Youtube на WordPress

Создание видео на YouTube — полдела. После неутомимого производственного процесса пришло время поделиться тем, что вы сделали, разместив его в таких местах, как Facebook, рассылки по электронной почте и, конечно же, на своем веб-сайте. Раньше для вставки видео на YouTube требовалось немного творчества или дополнительных плагинов для WordPress.

Однако это изменилось с момента выпуска WordPress 2.9. На самом деле, вы можете встроить YouTube в WordPress без гораздо большего, чем ссылка на YouTube. Тем не менее, вы можете захотеть стать более умными со своими интеграциями, создав галереи, вставив всю страницу YouTube или составив список видео от других авторов.

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

Самый простой способ встроить видео YouTube в WordPress

WordPress 2.9 добавил классную функцию, которую назвали встраиванием. Она позволяет копировать и вставлять видео YouTube прямо на сайт без каких-либо дополнительных плагинов или необходимых настроек. Вот как это сделать:

Шаг 1

Скопируйте URL из видео YouTube. Вы можете скопировать URL-адрес из адресной строки вашего браузера или с помощью ссылки на ссылку YouTube.

Совет: Вы можете автоматически запустить видео с определенного места (например, через 30 секунд), предварительно установив флажок «Начать с» и выбрав время. Затем скопируйте ссылку.

Шаг 2

Вставьте URL в редактор WordPress, и функция вставки автоматически превратит его во встроенное видео.

Интересные функции из встраиваемых плагинов YouTube

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

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

Лучшие способы интеграции и встраивания YouTube в WordPress

Мы просмотрели все лучшие плагины WordPress, которые можно использовать для встраивания видео YouTube в WordPress.

1. YouTube от EmbedPlus

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

Этот плагин является бесплатным для большинства основных функций. Например, вы можете включить некоторые бренды, чтобы избавиться от некоторых цветов и логотипов YouTube, а также включить прямую трансляцию YouTube на своем веб-сайте. Премиум версии  начинается с $ 19,99 и обеспечивает пожизненный доступ к плагину YouTube.

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

Особенности

  • Плагин является бесплатным для основных функций, и я думаю, что большинству людей не нужно обновляться после этого.
  • Даже премиум-версии доступны по цене, и вы получаете их единовременно (если вам не нужна постоянная поддержка клиентов).
  • В бесплатной версии есть инструменты для создания плейлистов и галерей. Вы также можете включить прямые трансляции YouTube, чтобы они воспроизводились прямо на вашем сайте.
  • Плагин YouTube имеет красивый дизайн интерфейса с большой коллекцией настроек, позволяющих настраивать такие цвета, как цвета и размеры.
  • Вы также можете начать воспроизведение видео в определенное время и настроить громкость для своих клиентов. Например, некоторые веб-мастера могут захотеть начать свои видео прямо тогда, когда клиенты заходят на их сайты.

2. WP YouTube Lyte

WP YouTube Lyte имеет одну основную функцию — отложенная загрузка встроенного видео YouTube, чтобы сайт работал настолько быстро, насколько это возможно. Ленивая загрузка обычно может быть сделана с изображениями, но этот плагин выводит ее на новый уровень, сосредотачиваясь главным образом на видео YouTube. Lazy Load загружает только те элементы, которые в данный момент видны пользователю. 

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

Плагин WP YouTube Lyte полностью бесплатен.

Плагин не загружает видео с задержкой, как это делают большинство ленивых загрузчиков изображений. Плагин работает, встраивая небольшую версию видео (по сути, просто изображение миниатюры видео). Только когда пользователь нажимает на миниатюру, где он призывает к «более тяжелой» версии, которую предлагает YouTube. Это особенно важно, если вы планируете иметь большие галереи или несколько видео на одной странице. Ваши посетители не заметят никакой разницы между обычными вставками YouTube, поэтому видео по-прежнему загружаются так быстро, как вы ожидаете.

Особенности

  • Плагин WP YouTube Lyte обеспечивает легкую вставку видео YouTube, пока посетитель не решит, что хочет его просмотреть. После щелчка воспроизводится полная версия видео YouTube.
  • Это улучшает общую производительность вашего сайта, особенно когда у вас есть большая коллекция видео на одной странице.
  • Поскольку плагин не требует никаких запросов к серверам YouTube, это фактически приводит к улучшению соответствия GDPR.
  • Шорткоды доступны для быстрого размещения оптимизированных видео YouTube по всему сайту.
  • Плагин был протестирован на всех мобильных устройствах, чтобы гарантировать, что ленивая загрузка не повлияет на производительность мобильных устройств, которая идет с YouTube.

Тест скорости без WP YouTube Lyte

Хотите знать, насколько быстрее он может сделать ваш сайт? Мы провели пять тестов скорости с обычным встроенным видео YouTube и взяли среднее значение.

Тест скорости с WP YouTube Lyte

Затем мы запустили пять тестов с включенным плагином WP YouTube Lyte, а также с его опцией кэширования. Этот маленький бесплатный плагин уменьшил общее время загрузки на 40,43%! Не говоря уже о том, что он также уменьшил размер страницы и все дополнительные внешние запросы, которые идут с проигрывателем YouTube для встраивания по умолчанию.

3. Video Gallery — Галерея YouTube

Инструмент «Видеогалерея» предназначен для тех, кто хотел бы создать красивую галерею своих видео на YouTube, не обладая передовыми навыками дизайна. Что интересно в этом плагине, так это то, что он также поддерживает видео из таких мест, как Vimeo и Wistia, и вы также можете создавать неограниченное количество галерей с комбинациями из всех этих сервисов. Кроме того, все видео, которые вы размещаете в своих галереях, позволяют просматривать их на мобильных устройствах.

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

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

Особенности

  • Это очень удобный плагин для галереи с опциями для создания ваших галерей с темами и макетами галерей.
  • В бесплатной версии доступно несколько инструментов для настройки. Например, вы можете добавить эффекты лайтбокса или какой-либо эффект при наведении, чтобы заинтересовать пользователей кликать по вашим видео.
  • Все галереи, которые вы вставляете на свой сайт, адаптированы для мобильных устройств.
  • Существует неограниченный генератор шорткодов, если вы предпочитаете размещать свои видео на YouTube онлайн.
  • Плагин поддерживает несколько типов видео, включая видео с YouTube, Vimeo, Wistia и MP4.
  • Вы можете иметь неограниченное количество видео в ваших галереях.
  • Премиум-версия не так уж дорога, если вы хотите полностью настроить и маркировать свои галереи.

4. Feed Them Social

Feed Them Social использует совершенно иной подход к вставке YouTube. После установки плагина вы можете выбрать понравившиеся вам социальные видео-каналы и отображать их на постах, страницах или в любом месте на своем веб-сайте. Это отличное решение для компании, которая хотела бы выделить определенные страницы знаменитостей или конкретные учебные пособия, связанные с блогом или продуктом.

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

Плагин сосредоточен в основном на видео и медиа-каналах Facebook, но также поддерживает YouTube, Twitter, Instagram и Pinterest. Технически вы можете использовать его для показа своего собственного канала YouTube на сайте или объединения коллекции YouTube в одну галерею.

Особенности

  • Плагин позволяет найти ваши любимые видео в социальных сетях и добавить их на сайт.
  • Добавить столько каналов, сколько вы хотите, и настроить их в одну красивую галерею.
  • Эти каналы все отзывчивы и готовы к настройке цвета.
  • Бесплатная версия также включает в себя инструменты, чтобы поделиться своими видео в Facebook и Instagram.
  • При просмотре видео на вашем сайте источники контента включают Pinterest, Facebook, Twitter и YouTube.

5. YotuWP

Если вы ищете простой и в то же время изящный способ получить видео с YouTube на сайте WordPress, плагин YotuWP поможет вам . Он легкий, простой в использовании и достаточно мощный, чтобы поддерживать галереи, плейлисты, каналы и видео от определенных имен пользователей. У вас даже есть возможность добавить одно видео из одного источника. YouTube, Vimeo и Wistia доступны в виде интеграций, а макеты включают сетку, список и смешанные галереи.

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

Если вы решили использовать премиум-версию, она начинается с 14 долларов в год и включает в себя несколько функций, таких как макеты карусели, 12 значков наведения, замены для таких вещей, как заголовки и описания, и пользовательский текст для кнопок. Короче говоря, премиум-версия почти полностью лишает видео YouTube своего брендинга, делая видео более подходящими для вашего собственного сайта. 

Особенности

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

6. Videozoom

Videozoom не имеет бесплатной версии, но его определенно стоит посмотреть. Причина в том, что Videozoom на самом деле является полной темой WordPress, а не плагином. Следовательно, имеет смысл установить тему с таким типом поддержки, а не с плагином. Тема помогает с демонстрацией коллекции видео со всего интернета. Например, если вы хотите запустить собственный канал YouTube и разместить все эти видео на своем сайте, это может быть хорошим выбором.

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

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

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

Особенности

  • Это полноценная тема WordPress.
  • Он предлагает две темы, темную и светлую. Таким образом, вы сможете немного продвигать свой сайт и думать о том, как ваши посетители хотели бы просматривать видео.
  • Если вы разработчик, у вас есть возможность получить более 40 тем WordPress с членством в WPZoom.
  • Встраивание с YouTube легко, и вы также можете загружать свои локальные видео на свой сервер.
  • После загрузки видео или ссылки с YouTube создается миниатюра видео.
  • Все интерфейсы довольно красивые, с мобильным дизайном, благодаря которому ваши видео воспроизводятся мгновенно и отображаются так же, как на YouTube.

7. ARVE Advanced Responsive Video Embedder

ARVE Advanced Responsive Video Embedder имеет отличную репутацию для представления видео на сайте без каких — либо проблем. 

Этот плагин выполняет свою работу, одновременно поддерживая широкий спектр других видео-сайтов, кроме YouTube. Например, вы можете получить видео с TED или Twitch или Comedy Central. В таких ситуациях вы не всегда можете найти одно и то же видео на YouTube. Поэтому вам нужно вместо этого получить ссылку с фактического исходного сайта. Это плагин, который поддерживает десятки других веб-сайтов и в то же время обеспечивает адаптивный просмотр видео, к которому мы привыкли.

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

Одна из основных функций премиум-версии позволяет отключать ссылки на ваши видео. Это означает, что пользователи не могут щелкнуть ссылку на Youtube и уйти с вашего сайта. Также есть функция отложенной загрузки, лайтбокс, стилизация при наведении и различные значки воспроизведения. В целом, Pro версия не так уж дорога, поэтому, если вам абсолютно необходима одна из этих функций, это неплохой выбор.

Особенности

  • ARVE Advanced Responsive Video Embedder поддерживает практически все видео, которые вы найдете в Интернете. Пока веб-сайт, который вы используете, использует встроенные коды iframe, все будет в порядке. Вы также можете мгновенно вставлять видео с YouTube без проблем.
  • Поддержка WYSIWYG означает, что шорткоды не требуются. Поэтому вы можете настроить отображение видео и размещать видео на постах и ​​страницах.
  • Это SEO-дружественный плагин, который предоставляет информацию о видео на вашем сайте. Например, вы можете показать названия и описания для ваших пользователей, чтобы увидеть.
  • Если вы предпочитаете шорткоды, плагин предоставляет их в качестве опции.
  • Видео может начаться автоматически, когда пользователь попадает на ваш сайт.
  • Хотя это может быть необязательно для всех, платная версия имеет некоторую ленивую загрузку и возможность отключить ссылки на YouTube, которые обеспечивают больший контроль и оптимизацию.

8. WpDevArt YouTube Embed, Playlist and Popup

WpDevArt YouTube Embed, Playlist and Popup обеспечивает простую установку и плавный процесс погружения для начинающих. Весь смысл этого плагина в том, чтобы предложить быстрый метод для встраивания без знания какого-либо кода. В WordPress знание кодирования не требуется для встраивания видео, но этот плагин добавляет некоторые интересные функции для размещения видео в виджетах, настройки размера видео и изменения цветов. Хотя плагин бесплатный, версия Pro имеет самые впечатляющие функции.

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

Особенности

  • Плагин WpDevArt YouTube Embed предоставляет простой способ встраивания видео YouTube без слишком большого количества функций, которые могут показаться запутанными. Его легко установить, и все ваши видео будут хорошо отображаться на мобильных устройствах.
  • Плагин позволяет вставлять видео YouTube в посты, страницы и виджеты.
  • Хотя плагин легкий, на самом деле он имеет множество функций настройки для настройки таких параметров, как размер видео, функции автозапуска и циклы.
  • Цвет индикатора выполнения можно изменить, и вы сможете начать воспроизведение видео, когда кто-то заходит на ваш сайт.
  • Pro версия доступна по цене и дает вам несколько возможностей, которые стоит рассмотреть. 

9. YourChannel

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

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

Особенности

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

10. YouTube Gallery

Плагин YouTube Gallery прекрасно справляется с объединением списка видео YouTube и отображением их в галерее или списке. 

Что интересно, большинство функций предоставляется в бесплатной версии, и разработчик, кажется, не продвигает Pro версию так сильно. Тем не менее, профессиональная версия — отличный вариант, если вам нужны некоторые дополнения и полная поддержка клиентов. Поддержка клиентов, безусловно, является плюсом, но некоторые из других обновлений, которые вы получаете, включают в себя лучшие инструменты SEO, опции для массовой загрузки и конструктор шорткодов для лучшей вставки видео.

Если вы думаете только об одном или двух видео, этот плагин, вероятно, не для вас. Тем не менее, это важное решение для тех, кто пытается загрузить десятки видео на свой веб-сайт и предпочитает брать видео с YouTube. Или у вас есть возможность курировать свои видео из нескольких источников на YouTube. Одна из основных причин, по которой этот плагин работает так хорошо, заключается в том, что вы можете настраивать галереи без особой работы. Например, он предоставляет галереи и списки сетки, а также модификаторы размеров и создатели шорткодов.

Особенности

  • Плагин отображает коллекцию ваших видео в элегантном стиле.
  • Базовый плагин бесплатный, но вы можете обновить его, чтобы получить множество дополнительных функций за $ 99,99.
  • В главной галерее ваши видео представлены в четырехколоночном адаптивном макете. Вам не нужно много редактировать.
  • Видеоконтент отображается на странице видео для ваших пользователей, чтобы понять, о чем идет речь.
  • Плагин поставляется с двумя виджетами боковой панели для демонстрации небольших видео на нескольких страницах. Эти виджеты предназначены для показа видео на YouTube и последних видео на YouTube.

Какой из этих плагинов является лучшим для YouTube в WordPress?

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

  • Для лучшего встраиваемого плагина YouTube — Go with YouTube от EmbedPlus.
  • Для того, чтобы лениво загрузить все встроенные видео YouTube — рассмотрите WP YouTube Lyte.
  • Создать красивую галерею для видео — YouTube Gallery
  • Для загрузки видео из социальных сетей (и включения кнопок обмена социальными сетями в видео) — попробуйте Feed Them Social.
  • Если вы хотите разнообразить компоновку галерей — плагин YotuWP — достойный выбор.
  • Для тех, кто только начинает видео-сайт и хочет получить полную галерею YouTube — тема Videozoom поможет вам выбрать правильный путь.
  • Если вы предпочитаете WYSIWYG-редактор вместо коротких кодов — рассмотрите ARVE Advanced Responsive Video Embedder.
  • Для чрезвычайно простого инструмента встраивания YouTube — подумайте о WpDevArt YouTube Embed, Playlist и Popup.
  • Чтобы вытащить весь канал YouTube и отобразить его так, как он показывает на YouTube — перейдите с YourChannel.
  • Если вы хотите опробовать другой плагин галереи — плагин YouTube Gallery создает отличные галереи.

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

👍 Научим создавать сайты на WordPress бесплатно за 11 уроков. Подробнее →

Медийная подача улучшает восприятие информации. Инструкции, руководства или учебники будут лучше усвоены, если в них сухой текст подкрепляется видеороликом. Если вы ведете блог на WP, то обязательно думали как лучше вставить видео с YouTuBe или Vimeo. Рассмотрим простые способы.

Вставка с Ютуба вручную

Чтобы добавить ролик с YouTube:

1. Под видео нажмите Поделиться

2. Кликните Копировать

3. В редакторе добавьте блок Видео и выберите Вставить с сайта.

4. Используйте комбинацию [Ctrl]+[V] для вставки, затем нажмите кнопку Применить.

Вставка с YouTube плагином

Рассмотрим популярное дополнение ARVE, которое умеет работать с YouTube и Vimeo. Среди преимуществ:

  • поддержка всех видеохостингов;
  • предоставляет шорткод для вставки;
  • адаптивное встраивание;
  • автоматическая настройка соотношения сторон;
  • автозапуск видео.

Чтобы в WordPress вставить видео на сайт с помощью ARVE, выполните простые шаги.

1. Установите и активируйте дополнение.

2. В редакторе записи добавьте блок Шорткод, в который вставьте строку

[arve url="https://youtu.be/Qh4VebBauwo" /]

В качестве URL используйте адрес ролика.

Загрузка ролика с компьютера

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

После полной загрузки видео появится на странице сайта.

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

Мне нравится1Не нравится1

Если Вам понравилась статья — поделитесь с друзьями

Как легко вставлять разные видео в свой блог на WordPress

Приветствую!

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

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

Но как вы можете использовать видео на вашем сайте WordPress? Легко ли вставлять видео? И как вы на самом деле собираетесь это сделать?

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

  • YouTube видео
  • Vimeo видео
  • Другие источники видео
  • Самостоятельные видео

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

Давайте начнем.

Как встроить отдельные видео YouTube в WordPress

Вставить видео YouTube в WordPress удивительно просто. Серьезно, если вы никогда не делали этого, держу пари, вы удивитесь, насколько это легко.

Вы знаете, как YouTube дает вам код для встраивания на страницу каждого видео? Да, забудьте об этом.

Вам это не нужно!

Вместо этого все, что вам нужно, это фактический URL видео, которое вы хотите вставить. Когда у вас есть URL, все, что вам нужно сделать, это вставить его на вкладку «Visual» (Визуально) редактора WordPress следующим образом:

Почти мгновенно WordPress автоматически преобразует необработанную ссылку YouTube в код для вставки:

Это не намного проще, чем это! Единственное, что нужно помнить, это убедиться, что вы находитесь на вкладке «Visual» (Визуально) редактора WordPress. Этот метод не будет работать на вкладке «Текст».

Другой способ встроить видео YouTube из его URL-адреса — нажать кнопку «Добавить медиафайл» и выбрать «Вставить из URL-адреса». Затем просто вставьте ссылку на YouTube и нажмите «Вставить» в сообщение:

Как встраивать плейлисты или более сложные одиночные видео

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

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

В таких ситуациях лучше всего обратиться за помощью к стороннему плагину YouTube. Существует множество бесплатных и платных опций, но хорошей отправной точкой является плагин YouTube Embed с креативным названием (sic).

Вот что может сделать плагин:

  • Вставить галерею видео YouTube
  • Непрерывная игра и/или автоигра
  • Автоматическое встраивание в эфир
  • Адаптивный дизайн размера
  • Множество других мелких функций

Вот как использовать плагин:

После установки и активации плагина YouTube Embed вы получите новую кнопку «YouTube» в интерфейсе редактора WordPress:

Нажатие на кнопку откроет интерфейс, который предоставит вам различные варианты вставки YouTube:

Если вы нажмете на опцию, плагин даст вам конкретные инструкции о том, что делать дальше. Например, чтобы встроить одно видео, все, что вам нужно сделать, это вставить URL-адрес, как обычно:

Чтобы настроить различные параметры работы встроенных видео на YouTube, перейдите на вкладку «YouTube Free» (Бесплатный YouTube) на боковой панели панели инструментов. Некоторые функции требуют «Pro» версии плагина, но большинство из них можно настроить в бесплатной версии:

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

Другие полезные плагины WordPress для встраивания видео с YouTube

Если вы хотите пойти еще дальше с вашими видео на YouTube, вот несколько других полезных плагинов:

  • Yottie — популярный и доступный плагин, который дает вам более 100 настраиваемых параметров для встраивания ваших видео на YouTube.
  • Video Gallery — еще один доступный плагин, который может помочь вам создавать видео галереи из видео YouTube, а также из других источников, таких как Vimeo.

Как вставить видео с YouTube в заголовок

Давайте закроем раздел YouTube с одной функцией, которая является довольно новой для WordPress. Предполагая, что ваша тема поддерживает это, теперь вы можете добавить фоновое видео заголовка из видео YouTube. Эта функция особенно доступна в стандартной теме WordPress «Twenty Seventeen».

Чтобы получить доступ к этой функции, перейдите во «Внешний вид — Настройка». Затем выберите параметр «Заголовок». Оттуда все, что вам нужно сделать, это вставить URL-адрес видео, которое вы хотите использовать в качестве фона:

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

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

У меня хорошие новости! Встраивание видео Vimeo в WordPress так же просто, как встраивание видео YouTube. То есть все, что вам нужно сделать, это взять URL-адрес видео, которое вы хотите встроить, и вставить его в редактор WordPress.

Затем вы увидите предварительный просмотр вашего видео:

Для большего контроля над вашими видео WordPress Vimeo, бесплатный плагин Vimeography является хорошим вариантом, который позволяет вам создавать видео галереи Vimeo на WordPress.

Помимо этого, вы также можете изменить внешний вид вашей галереи Vimeo с помощью встроенного редактора внешнего вида.

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

Хотя можно вставлять видео из разных источников, просто вставляя URL (вы можете увидеть полный список здесь), это не относится к каждой отдельной сторонней службе видео.

Если желаемый источник видео не поддерживается, вы обычно можете встроить его:

  • Копирование фактического кода встраивания этого видеоисточника (не URL)
  • Вставка этого кода для вставки на вкладку «Текст» редактора WordPress.

В приведенном выше примере показано, как встроить видео «Wistia» в WordPress.

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

Как разместить свои собственные видео в WordPress

Хорошо, вы определенно можете размещать свои собственные видео в WordPress. Но прежде чем мы доберемся до этого, важно провести обсуждение того, действительно ли вы должны самостоятельно размещать видео в WordPress.

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

Так…

Вот почему вы должны дважды подумать, прежде чем самостоятельно размещать видео в WordPress

Если вы намерены самостоятельно размещать свои видео на WordPress, я расскажу вам, как это сделать за секунду. Но сначала, вот несколько причин, почему использование бесплатного сервиса, такого как YouTube или Vimeo, обычно является лучшим вариантом:

  • Пропускная способность сервера — видео файлы огромны. В то время как Google имеет полные страны серверов (небольшая гипербола), ваш сервер не имеет такой же мощности передачи, особенно на виртуальном хостинге. Даже если ваш хост предлагает «неограниченную» полосу пропускания, есть большая вероятность, что вас отключат, если вы будете использовать ее слишком много.
  • Медленное видео — даже если вы используете CDN для доставки своих видео (что может помочь с пропускной способностью сервера), вы все равно, вероятно, никогда не загрузите свои видео так быстро, как YouTube или другие.
  • Различные форматы и качества видео — когда-нибудь замечали, как YouTube позволяет легко переключаться между различными качествами видео? Если вы попытаетесь самостоятельно разместить видео, вам придется делать все это вручную. Это проблематично.
  • Меньшая видимость — знаете ли вы, что YouTube является второй по величине поисковой системой в мире? Когда вы размещаете видео самостоятельно, вы теряете доступ к огромному количеству запросов, которые происходят на YouTube.

Таким образом, у вас есть это — размещение ваших видео на YouTube или другом специализированном видео провайдере — почти всегда ваш лучший вариант. Но если вам абсолютно необходимо самостоятельно разместить видео в WordPress, вот как это сделать…

Как самостоятельно размещать видео в WordPress

Чтобы самостоятельно размещать видео в WordPress, загрузите его через медиатеку или кнопку «Добавить медиафайл» в редакторе WordPress.

После загрузки используйте интерфейс «Insert Media» (Вставить медиа), чтобы вставить их с помощью опции «Embed Media Player» (Добавить Media Player):

Если вы хотите изменить размеры вашего видео, вы можете перейти на вкладку «Текст» и изменить параметры ширины и высоты:

В противном случае вы готовы опубликовать собственное видео. Вот пример того, как выглядит видеоплеер WordPress на внешнем интерфейсе:

Как добавить видео на боковую панель вашего сайта WordPress

Наконец, давайте округлим ситуацию с помощью довольно новой функции WordPress. Начиная с WordPress 4.8, WordPress по умолчанию включил новый виджет «Видео».

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

Чтобы использовать его, перейдите в «Внешний вид — Виджеты» и перетащите его на виджет «Видео». Затем вы можете вставлять видео, вставляя их URL или выбирая файлы из вашей медиатеки:

Завершение дела

И это завершает наше руководство о том, как использовать видео на вашем сайте WordPress.

Еще раз, ваш лучший вариант — почти всегда размещать ваши видео на сторонних сайтах, таких как YouTube или Vimeo. Встраивать видео с этих сайтов легко и сэкономит вам немного времени и ресурсов.

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

Чтобы стать более креативным с видео-галереями или плейлистами, вам, вероятно, понадобится помощь стороннего плагина.

Я надеюсь, что вам понравилось руководство, и дайте мне знать, если у вас есть какие-либо вопросы!

До скорых встреч!

Навигация по записям

Юрич:

Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.

Не забудьте подписаться на обновления:

Похожие записи

Оставить свой комментарий

Блок видео — Справка

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

Блок видео в действии.

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

Интерфейс блока

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

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

↑ Содержание ↑

Добавление видеофайла

При создании блока видео вам предлагается три варианта добавления содержимого — Загрузка, Библиотека медиафайлов и Вставить с сайта.

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

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

Ссылки на внешние службы, добавленные в блок видео, будут преобразованы в соответствующие блоки.

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

↑ Содержание ↑

Выравнивание

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

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

↑ Содержание ↑

Редактирование видео

Функция редактирования на панели инструментов блока видео позволяет выбрать новый видеофайл. Используйте ее, если вы хотите заменить видеофайл в блоке видео.

↑ Содержание ↑

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

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

Настройки блока на боковой панели.

↑ Содержание ↑

Автозапуск, цикл и отключение звука

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

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

↑ Содержание ↑

Элементы управления воспроизведением

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

↑ Содержание ↑

Предварительная загрузка

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

Возможны три варианта настройки:

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

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

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

↑ Содержание ↑

Заставка

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

Дополнительно

На вкладке «Дополнительно» можно добавить в блок класс CSS. Это позволит создавать настраиваемые таблицы CSS и менять стиль блока по своему желанию.

С помощью раздела дополнительных настроек можно добавить в блок класс CSS.

10 способов интегрировать и вставлять видео YouTube в WordPress. Часть 1

Автор:

Елизавета Гуменюк

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

Создание видео на YouTube – это полдела. После неутомимого процесса производства приходит время поделиться тем, что вы сделали, разместив видео в таких местах, как Facebook, электронная рассылка и, конечно, на вашем веб-сайте. Раньше для вставки видео с YouTube на WordPress требовалось немного творчества или дополнительных плагинов. Однако это изменилось с момента выпуска WordPress 2.9. Теперь чтобы встроить видео в WordPress вам не потребуется ничего кроме простой ссылки на необходимый ролик. Тем не менее, вы можете захотеть сделать нечто большее, создав галерею, вставив всю свою страницу YouTube или составив список видео от других авторов.

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

Самый простой способ встроить видео YouTube в WordPress

WordPress 2.9 добавил отличную функцию, которую они называют встраиванием. Она позволяет вам копировать и вставлять видео YouTube прямо на ваш сайт без каких-либо дополнительных плагинов или необходимых настроек. Вот как это сделать:

Шаг 1

Скопируйте URL из видео YouTube. Вы можете скопировать URL-адрес из адресной строки вашего браузера или с помощью кнопки «Поделиться».

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

Шаг 2

Вставьте URL в редактор WordPress, и функция вставки автоматически превратит его во встроенное видео.

Интересные функции от плагинов для встраивания видео с YouTube

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

  • Инструменты для улучшения параметров конфиденциальности и согласия для видео, встроенных на вашем веб-сайте.
  • Опции для встраивания больших галерей и их воспроизведения, когда посетитель попадает на вашу страницу.
  • Возможность ленивой загрузки видео, чтобы медиа-файлы не замедляли работу всего сайта.
  • Управление визуальными настройками для настройки таких элементов, как цвета, размеры и общий вид ваших видео.
  • Варианты использования шорткодов для видео при размещении видео в таких областях, как виджеты и сообщения, с целью получения большей гибкости.
  • Просмотр лайтбокса и других альтернативных видео дисплеев.
  • Инструменты для создания эффектов наведения и анимации при прокрутке видео пользователями.
  • Варианты получения видео из разных источников, таких как аккаунты в социальных сетях и на YouTube. Это отличный способ курировать канал видео на вашем собственном сайте.
  • Кнопки социальных сетей, чтобы побудить людей делиться вашими видео.
  • Плагины для создания и вставки полных плейлистов YouTube с дополнительными инструментами форматирования и дизайна.
  • Миниатюры видео, слайдеры, изменения цвета и множество других опций, позволяющих сделать ваши видео YouTube выделяющимися на фоне других.
Лучшие способы интеграции и встраивания YouTube в WordPress

Мы просмотрели все лучшие плагины WordPress, которые можно использовать для встраивания видео YouTube в WordPress. А теперь пришло время представить их вам!

 

YouTube от EmbedPlus

 

Плагин YouTube от EmbedPlus предлагает несколько способов настроить видео, которые вы вставляете на свой сайт WordPress. Для начала, плагин имеет возможности галереи для перетаскивания ваших плейлистов или списков каналов на ваш сайт. Галереи являются отзывчивыми и готовыми к вашим настройкам. Затем ваши пользователи могут просматривать и искать определенные видео в зависимости от своих собственных потребностей.

В плагин YouTube от EmbedPlus включены и многие другие функции, но мы рассмотрим лучшие из них в списке ниже. Что касается цены, этот плагин является бесплатным для большинства основных функций. Например, вы можете избавиться от некоторых цветов и логотипов YouTube, а также включить прямую трансляцию YouTube на своем веб-сайте. Цена премиум-версии начинается с $ 19,99 и обеспечивает пожизненный доступ к плагину YouTube.

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

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

  • Плагин бесплатный для основных функций, и мы думаем, что большинству людей не нужно будет обновляться после этого.
  • Даже премиум-версии доступны по приемлемой цене, и вы получаете их с одноразовой оплатой (если вам не нужна постоянная поддержка клиентов).
  • В бесплатной версии есть инструменты для создания плейлистов и галерей. Вы также можете включить прямые трансляции YouTube, чтобы они воспроизводились прямо на вашем сайте.
  • Плагин YouTube имеет красивый дизайн интерфейса с большой коллекцией настроек, позволяющих настраивать такие вещи, как цвета и размеры.
  • Вы также можете начать воспроизведение видео в определенное время и настроить громкость для своих пользователей. Например, некоторые владельцы сайтов могут захотеть начать свои видео прямо тогда, когда клиенты заходят на их страницу.

 

WP YouTube Lyte

 

Плагин WP YouTube Lyte выполняет одну основную задачу — загружать встроенные видео YouTube так, чтобы ваш сайт работал максимально быстро. Ленивая загрузка обычно может быть использована для изображений, но этот плагин выводит ее на новый уровень, сосредотачиваясь главным образом на видео YouTube. Ленивая загрузка загружает только те носители, которые в данный момент видны пользователю. Таким образом, ваш сервер не работает слишком усердно, чтобы загрузить все видео на вашей странице или веб-сайте.

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

Плагин WP YouTube Lyte является абсолютно бесплатным, поэтому нет никакой необходимости приобретать дополнения или премиум-версии.

Плагин загружает видео не совсем так, как это делают большинство ленивых загрузчиков изображений. Он работает, встраивая небольшую версию видео (по сути, просто изображение миниатюры видео). Это происходит до тех пор, пока пользователь не нажмет на миниатюру, которая подразумевает показ «более тяжелой» версии видео, которую обслуживает YouTube. Это особенно важно, если вы планируете включить на своем сайте большие галереи или несколько видео на одной странице. Ваши посетители не заметят никакой разницы между обычными вставками YouTube, поэтому видео по-прежнему будут загружаться так же быстро, как вы ожидаете.

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

  • Плагин WP YouTube Lyte обеспечивает легкое встраивание видео YouTube, пока посетитель не решит, что хочет его просмотреть. После щелчка воспроизводится полная версия видео YouTube.
  • Он улучшает общую производительность вашего сайта, особенно когда у вас имеется большая коллекция видео на одной странице.
  • Поскольку плагин не требует никаких запросов к серверам YouTube, это фактически приводит к улучшению соответствия GDPR.
  • Доступны шорткоды для быстрого размещения оптимизированных видео YouTube по всему сайту.
  • Плагин был протестирован на всех мобильных устройствах, чтобы гарантировать, что ленивая загрузка не повлияет на мобильную производительность.

 

Video Gallery

 

Инструмент Video Gallery предназначен для тех, кто хотел бы создать красивую галерею своих видео на YouTube, не обладая передовыми навыками дизайна. Что интересно в этом плагине, так это то, что он поддерживает видео из таких мест, как Vimeo и Wistia, и вы также можете создавать неограниченное количество галерей с комбинациями из всех этих сервисов. Кроме того, все видео, которые вы размещаете в своих галереях, являются отзывчивыми для просмотра на мобильных устройствах.

Инструменты поиска также впечатляют, предлагая пользователям искать и просматривать определенные видео и привлекая их четкой навигацией для поиска видео. Вам также будут доступны несколько тем, и вы получите множество инструментов настройки, с которыми можно поиграть после реализации темы. Базовый плагин — бесплатный, но у вас есть возможность перейти на премиум-версию. На данный момент платная версия стоит $ 45, но разработчики иногда проводят разные акции.

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

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

  • Это очень удобный плагин для галерей с опциями для создания ваших галерей, темами и макетами галерей.
  • В бесплатной версии доступно несколько инструментов для настройки. Например, вы можете добавить эффекты лайтбокса или какой-либо эффект при наведении, чтобы заинтересовать пользователей и заставить кликать по вашим видео.
  • Все галереи, которые вы вставляете на свой сайт, адаптированы для мобильных устройств.
  • Существует неограниченный генератор шорткодов, если вы предпочитаете размещать свои видео на YouTube в интернете.
  • Плагин поддерживает несколько типов видео, включая видео с YouTube, Vimeo, Wistia и MP4.
  • Вы можете иметь неограниченное количество видео в ваших галереях.
  • Премиум-версия не так уж дорога, если вы хотите полностью настроить и брендировать свои галереи.

 

Feed Them Social

 

Плагин Feed Them Social использует совершенно другой подход к встраиванию YouTube. После установки плагина вы можете выбрать понравившиеся вам социальные видео-каналы и отображать их в постах, на страницах или в любом месте на своем веб-сайте. Это отличное решение для сайтов, который хотели бы выделить определенные страницы знаменитостей или конкретные учебные пособия, связанные с блогом или определенным продуктом.

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

Плагин, кажется, сосредоточен в основном на видео и медиа-каналах Facebook, но он также поддерживает YouTube, Twitter, Instagram и Pinterest. Технически вы можете использовать его для показа своего собственного канала YouTube на веб-сайте или объединения коллекции разных каналов YouTube в одну галерею.

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

  • Плагин позволяет вам находить ваши любимые видео в социальных сетях и добавлять их на ваш сайт.
  • Добавьте столько каналов, сколько вы хотите, и настройте их в одну красивую галерею.
  • Все каналы отзывчивы и готовы для настройки цвета.
  • Бесплатная версия также включает в себя инструменты для пользователей, позволяющие делиться своими видео в таких местах, как Facebook и Instagram.
  • Вы можете встраивать видео с таких платформ как Pinterest, Facebook, Twitter и YouTube.
  • Если вы хотите проявить креативность, разработчики плагина Feed Them Social предлагают широкий спектр расширений для таких вещей, как комбинированные потоки и карусели.

 

YotuWP

 

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

Большинство функций, которые вам понадобятся, представлены в бесплатной версии. Однако, если вы решите использовать премиум-версию, ее стоимость начинается с $ 14 в год и включает в себя несколько дополнительных функций, таких как макеты карусели, 12 иконок наведения, замены для таких вещей, как заголовки и описания, и настраиваемый текст для кнопок. Проще говоря, премиум-версия почти полностью лишает видео YouTube своего брендинга, делая видео более подходящими для вашего собственного сайта. Однако многие люди либо не заботятся об этом, либо им не нужно тратить на это деньги.

Почему этот плагин является одним из лучших способов интеграции и встраивания YouTube в WordPress?

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

Продолжение следует…

Всем успешной работы и творчества!

Источник

10 способов интеграции видео контента на сайт WordPress — Разработка сайтов

Видео стало неотъемлемой и очень конкурентной частью контента. Теперь дополнение любого материала видео рядом имеет большой практический смысл для создания качественного контента и удобства восприятия, плюс к этому стоит учесть, что его надо встроить и интегрировать с сайтом. WordPress сайты имеют много возможностей для этого и сейчас мы рассмотрим самые удобные, с описанием возможностей и функционала. Создание видео на YouTube – полдела. После неутомимого производственного процесса пришло время поделиться тем, что вы сделали, разместив его в таких местах, как Facebook, рассылки по электронной почте и, конечно, на вашем сайте. Раньше для вставки видео на YouTube требовалось немного творчества или дополнительных плагинов для WordPress.

Однако это изменилось с момента выпуска WordPress 2.9. На самом деле, вы можете встроить YouTube в WordPress без гораздо большего, чем ссылка на YouTube. Тем не менее, вы можете захотеть стать более умными со своими интеграциями, создав галереи, вставив всю страницу YouTube или составив список видео от других авторов.

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

Простой способ встроить видео YouTube в WordPress

WordPress 2.9 добавил классную функцию, которую они называют встраиванием. Это позволяет вам копировать и вставлять видео YouTube прямо на ваш сайт без каких-либо дополнительных плагинов или необходимых настроек. Вот как это сделать:

Шаг 1

Скопируйте URL из видео YouTube. Вы можете скопировать URL-адрес из адресной строки вашего браузера или с помощью ссылки на ссылку YouTube.

Ссылка на YouTube

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

Шаг 2

Вставьте URL в редактор WordPress, и функция встраивания автоматически превратит его во встроенное видео.

Вставить видео YouTube в редакторе WordPress

Плагины для встраивания видео

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

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

Способы встраивания YouTube в WordPress

Мы просмотрели все лучшие плагины WordPress, которые можно использовать для встраивания видео YouTube в WordPress. Теперь пришло время погрузиться!

  1. YouTube от EmbedPlus
  2. WP YouTube Lyte
  3. Видео Галерея – Галерея YouTube
  4. Накорми их
  5. YotuWP
  6. видео Увеличить
  7. ARVE Advanced Responsive Video Embedder
  8. WpDevArt YouTube Embed, Playlist и Popup
  9. YourChannel
  10. Галерея YouTube

1. YouTube от EmbedPlus

Плагин YouTube по EmbedPlus предлагает несколько способов настройки видео , которые вы встраивать на своем сайте WordPress. Для начала, плагин имеет возможности галереи для перетаскивания ваших плейлистов или каналов на ваш сайт. Галереи отзывчивы и готовы к вашим настройкам. Затем ваши пользователи смогут просматривать и искать определенные видео в зависимости от своих потребностей.

Плагин YouTube для WordPress

Многие другие функции включены в плагин YouTube от EmbedPlus, но мы рассмотрим лучшие из них в списке ниже. Что касается цены, этот плагин является бесплатным для большинства основных функций. Например, вы можете включить некоторые бренды, чтобы избавиться от некоторых цветов и логотипов YouTube, а также включить прямую трансляцию YouTube на своем веб-сайте. Премиум версии  начинается с $ 19,99 и обеспечивает пожизненный доступ к плагину YouTube.

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

  • Плагин бесплатный для основных функций, и я думаю, что большинству людей не нужно обновляться после этого.
  • Даже премиум-версии доступны по цене, и вы получаете их единовременно (если вам не нужна постоянная поддержка клиентов).
  • В бесплатной версии есть инструменты для создания плейлистов и галерей. Вы также можете включить прямые трансляции YouTube, чтобы они воспроизводились прямо на вашем сайте.
  • Плагин YouTube имеет красивый дизайн интерфейса с большой коллекцией настроек, позволяющих настраивать цвета и размеры.
  • Вы также можете начать воспроизведение видео в определенное время и настроить громкость для своих клиентов. Например, некоторые веб-мастера могут захотеть начать свое видео прямо тогда, когда клиенты заходят на их сайты.

2. WP YouTube Lyte

У плагина WP YouTube Lyte есть одна основная задача – загружать встроенные видео YouTube так, чтобы ваш сайт работал как можно быстрее. Ленивая загрузка обычно может быть сделана с изображениями, но этот плагин выводит его на новый уровень, сосредотачиваясь главным образом на видео YouTube. Ленивая загрузка загружает только те носители, которые в данный момент видны пользователю. Таким образом, ваш сервер не работает слишком сильно, чтобы загрузить все видео на вашей странице или веб-сайте.

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

WP YouTube Lyte

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

Плагин не лениво загружает видео, как это делают большинство ленивых загрузчиков изображений. Плагин работает, встраивая небольшую версию видео (по сути, просто изображение миниатюры видео). Только когда пользователь нажимает на миниатюру, где он призывает к «более тяжелой» версии, которую предлагает YouTube. Это особенно важно, если вы планируете иметь большие галереи или несколько видео на одной странице. Ваши посетители не заметят никакой разницы между обычными вставками YouTube, поэтому видео по-прежнему загружаются так быстро, как вы ожидаете.

  • Плагин WP YouTube Lyte обеспечивает легкую вставку видео YouTube, пока посетитель не решит, что хочет его просмотреть. После щелчка воспроизводится полная версия видео YouTube.
  • Это улучшает общую производительность вашего сайта, особенно когда у вас есть большая коллекция видео на одной странице.
  • Поскольку плагин не требует никаких запросов к серверам YouTube, это фактически приводит к улучшению соответствия GDPR.
  • Шорткоды доступны для быстрого размещения оптимизированных видео YouTube по всему сайту.
  • Плагин был протестирован на всех мобильных устройствах, чтобы гарантировать, что медленная загрузка не повлияет на производительность мобильных устройств, которая поставляется с YouTube.

Тест скорости без WP YouTube Lyte

Хотите знать, насколько быстрее он может сделать ваш сайт? Мы провели пять тестов скорости с обычным встроенным видео YouTube и взяли среднее значение.

YouTube нет ленивой загрузки ( тест скорости )

Тест скорости с WP YouTube Lyte

Затем мы запустили пять тестов с включенным плагином WP YouTube Lyte, а также с его опцией миниатюрного кэширования. Этот маленький бесплатный плагин уменьшил общее время загрузки на 40,43%! Не говоря уже о том, что он также уменьшил размер страницы и все дополнительные внешние запросы, которые идут с встроенным плеером YouTube по умолчанию.

Тест скорости с включенной отложенной нагрузкой ( тест скорости )

Ленивая загрузка видео на YouTube может легко сократить время загрузки страницы более чем на 40%!

3. Video Gallery – YouTube Галерея для WordPress

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

Видео Галерея плагин WordPress

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

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

  • Это очень удобный плагин для галереи с опциями для создания ваших галерей с темами и макетами галерей.
  • В бесплатной версии доступно несколько инструментов для настройки. Например, вы можете добавить эффекты лайтбокса или какой-либо эффект при наведении курсора, чтобы заинтересовать пользователей кликать по вашим видео.
  • Все галереи, которые вы вставляете на свой сайт, адаптированы для мобильных устройств.
  • Существует неограниченный генератор коротких кодов, если вы предпочитаете размещать свои видео на YouTube онлайн.
  • Плагин поддерживает несколько типов видео, включая видео с YouTube, Vimeo, Wistia и MP4.
  • Вы можете иметь неограниченное количество видео в ваших галереях.
  • Премиум-версия не так уж дорога, если вы хотите полностью настроить и маркировать свои галереи.

4. Feed Them Social

Feed Them Social принимает совершенно иной подход к вложению игре YouTube. После установки плагина вы можете выбрать понравившиеся вам социальные видеофайлы и отображать их на постах, страницах или в любом месте на своем веб-сайте. Это отличное решение для компании, которая хотела бы выделить определенные страницы знаменитостей или конкретные учебные пособия, связанные с блогом или продуктом.

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

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

Feed Them Social плагин для WordPress

Плагин, кажется, сосредоточен в основном на видео и медиа-каналах Facebook, но также поддерживает YouTube, Twitter, Instagram и Pinterest. Технически вы можете использовать это для показа своего собственного канала YouTube на веб-сайте или путем объединения коллекции YouTube в одну галерею.

  • Плагин позволяет вам найти ваши любимые видео в социальных сетях и добавить их на ваш сайт.
  • Добавить столько каналов, сколько вы хотите, и настроить их в одну красивую галерею.
  • Эти каналы все отзывчивы и готовы к настройке цвета.
  • Бесплатная версия также включает в себя инструменты для людей, чтобы поделиться своими видео в таких местах, как Facebook и Instagram.
  • При просмотре видео на вашем сайте источники контента включают Pinterest, Facebook, Twitter и YouTube.
  • Если вы хотите проявить дополнительную креативность, разработчики плагина Feed Them Social предлагают широкий спектр расширений для таких вещей, как комбинированные потоки и карусели.

5. YotuWP

Если вы ищете простой и в то же время изящный способ получить видео с YouTube на сайте WordPress,  плагин YotuWP поможет вам . Он легкий, простой в использовании и достаточно мощный, чтобы поддерживать галереи, плейлисты, каналы и видео от определенных имен пользователей. У вас даже есть возможность добавить одно видео из одного источника. YouTube, Vimeo и Wistia доступны в виде интеграций, а макеты включают сетку, список и смешанные галереи.

YotuWP плагин

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

Если вы решили использовать премиум-версию , она начинается с 14 долларов в год и включает в себя несколько функций, таких как макеты карусели и каменной кладки, 12 значков наведения, замены для таких вещей, как заголовки и описания, и пользовательский текст для кнопок. Короче говоря, премиум-версия почти полностью лишает видео YouTube своего брендинга, делая видео более подходящими для вашего собственного сайта. Тем не менее, многие люди или не заботятся об этом или не нужно тратить деньги на это.

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

6. Videozoom

Videozoom не имеет бесплатной версии, но это определенно стоит посмотреть. Причина в том, что Videozoom на самом деле является полной темой WordPress, а не плагином. Мы включили это здесь, потому что мы знаем, что некоторые люди делают веб-сайты, в которых основное внимание уделяется галереям YouTube. Следовательно, имеет смысл установить тему с таким типом поддержки, а не с плагином. Тема помогает с демонстрацией коллекции видео со всего интернета. Например, если вы хотите запустить собственный канал YouTube и разместить все эти видео на своем веб-сайте, это может быть хорошим выбором для вас.

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

Videozoom плагин WordPress

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

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

  • Это полноценная тема WordPress, так что вы начинаете свой сайт со всех инструментов встраивания, которые необходимы, чтобы произвести впечатление на ваших посетителей.
  • Он предлагает две шкуры, темную и светлую. Таким образом, вы сможете немного маркировать свой сайт и думать о том, как ваши посетители хотели бы просматривать видео.
  • Если вы разработчик, у вас есть возможность получить более 40 тем WordPress с членством в WPZoom.
  • Встраивание с YouTube легко, и вы также можете загружать свои локальные видео на свой сервер.
  • После загрузки видео или ссылки с YouTube создается миниатюра видео.
  • Все интерфейсы довольно красивые, с мобильным дизайном, благодаря которому ваши видео воспроизводятся мгновенно и отображаются так же, как на YouTube.

7. ARVE Advanced Responsive Video Embedder

ARVE Advanced Video Отзывчивый Embedder имеет отличную репутацию для представления видео на сайте без каких – либо проблем. Как вы, возможно, узнали, размещая видео на своем веб-сайте, всегда что-то идет не так, будь то небольшая или большая проблема.

Этот плагин выполняет свою работу, одновременно поддерживая множество других видео-сайтов, кроме YouTube. Например, вы можете получить видео с TED или Twitch или Comedy Central. В таких ситуациях вы не всегда можете найти одно и то же видео на YouTube. Поэтому вам нужно вместо этого получить ссылку с фактического исходного сайта. Это плагин, который поддерживает десятки других веб-сайтов и в то же время обеспечивает адаптивный просмотр видео, к которому мы привыкли.

ARVE плагин WordPress

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

Я лично чувствую, что большинство людей, которые устанавливают плагин, будут в порядке с бесплатной версией, но есть возможность обновить ее за 35 долларов . Одна из основных функций премиум-версии позволяет отключать ссылки на ваши видео. Это означает, что пользователи не могут щелкнуть ссылку на Youtube и забраться с вашего сайта. Также есть функция отложенной загрузки, лайтбокс, стилизация при наведении и различные значки воспроизведения. В целом, Pro версия не так уж и дорога, поэтому, если вам абсолютно необходима одна из этих функций, это неплохой выбор.

  • ARVE Advanced Responsive Video Embedder поддерживает практически все видео, которые вы найдете в Интернете. Пока веб-сайт, который вы используете, использует встроенные коды iframe, все будет в порядке. Вы также можете мгновенно вставлять видео с YouTube без проблем.
  • Поддержка WYSIWYG означает, что шорткоды не требуются. Таким образом, вы можете настроить отображение видео и разместить видео на постах и ​​страницах.
  • Это SEO-дружественный плагин, который предоставляет информацию о видео на вашем сайте. Например, вы можете раскрыть названия и описания для ваших пользователей, чтобы увидеть.
  • Если вы предпочитаете шорткоды, плагин предоставляет их в качестве опции.
  • Видео может начаться автоматически, когда пользователь попадает на ваш сайт.
  • Хотя это может быть необязательно для всех, платная версия имеет некоторую ленивую загрузку и возможность отключить ссылки на YouTube, которые обеспечивают больший контроль и оптимизацию.

8. WpDevArt YouTube Embed, Playlist and Popup

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

WpDevArt Плагин YouTube для встраивания

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

  • Плагин WpDevArt YouTube Embed предоставляет простой способ встраивания видео YouTube без слишком большого количества функций, которые могут показаться запутанными. Его легко установить, и все ваши видео будут хорошо отображаться на мобильных устройствах.
  • Плагин позволяет вставлять видео YouTube в посты, страницы и виджеты.
  • Несмотря на то, что плагин легкий, на самом деле он имеет множество функций настройки для настройки таких параметров, как размер видео, функции автозапуска и циклы.
  • Цвет индикатора выполнения может быть изменен, и вы можете начать воспроизведение видео, когда кто-то заходит на ваш сайт.
  • Pro версия доступна по цене и дает вам несколько функций, которые стоит рассмотреть. Например, мне нравится идея иметь видео во всплывающих окнах и показывать похожие видео, чтобы люди могли просматривать больше контента на вашем сайте.

9. YourChannel

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

YourChannel Плагин WordPress

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

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

10. YouTube Gallery

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

Что интересно, большинство функций предоставляется в бесплатной версии, и разработчик, кажется, не продвигает версию Pro так сильно. Тем не менее, профессиональная версия – отличный вариант, если вам нужны некоторые дополнения и полная поддержка клиентов. Поддержка клиентов, безусловно, является плюсом, но некоторые другие обновления, которые вы получаете, включают в себя лучшие инструменты SEO, опции для массовой загрузки и конструктор шорткодов для лучшей вставки видео.

YouTube Галерея плагин WordPress

Если вы думаете только об одном или двух видео, этот плагин, вероятно, не для вас. Тем не менее, это важное решение для тех, кто пытается загрузить десятки видео на свой веб-сайт и предпочитает брать видео с YouTube. Или у вас есть возможность курировать свои видео из нескольких источников на YouTube. Одна из основных причин, по которой этот плагин так хорошо работает, заключается в том, что вы можете настраивать галереи без особой работы. Например, он предоставляет галереи и списки сетки, а также модификаторы размеров и создатели шорткодов.

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

Что выбрать, чтобы встроить YouTube в WordPress?

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

  • Для лучшего встраиваемого плагина YouTube – Go with YouTube от EmbedPlus.
  • Чтобы лениво загружать все ваши встроенные видео на YouTube – рассмотрите WP YouTube Lyte.
  • Создать красивую галерею для ваших видео – Подумайте о Видеогалерее – YouTube Gallery
  • Для получения видео из социальных сетей (и для включения кнопок социальных сетей в видео) – попробуйте Feed Them Social.
  • Если вы хотите разнообразить компоновку галерей – плагин YotuWP – достойный выбор.
  • Для тех, кто только начинает видео-сайт и хочет получить полную галерею YouTube, тема Videozoom поможет вам выбрать правильный путь.
  • Если вы предпочитаете WYSIWYG-редактор вместо коротких кодов – рассмотрите ARVE Advanced Responsive Video Embedder.
  • Для чрезвычайно простого инструмента встраивания YouTube – подумайте о WpDevArt YouTube Embed, Playlist и Popup.
  • Чтобы вытащить весь канал YouTube и отобразить его так, как он показывает на YouTube – перейдите с YourChannel.
  • Если вы хотите опробовать другой плагин галереи – плагин YouTube Gallery создает отличные галереи.

Если у вас есть дополнительные вопросы о способах встраивания YouTube в WordPress, сообщите нам об этом в комментариях!

All-in-One Video Gallery — плагин для WordPress

Посмотреть демо | Начало работы | Контакты и поддержка | Домашняя страница

«Видео — это будущее контент-маркетинга». Начните конвертировать свои блоги в видеоблоги и выиграйте КОНКУРС.

All-in-One Video Gallery — это плагин VIDEO POSTS, который помогает вам добавлять видео в качестве сообщений и создавать масштабируемые, доступные для поиска, оптимизированные для SEO видеогалереи за считанные минуты.

Кодирование не требуется.Подходит для всех типов веб-сайтов, для которых требуется один видеопроигрыватель, для крупных веб-сайтов для обмена видео, таких как YouTube / Vimeo.

ОСОБЕННОСТИ ИГРОКА

  • Пользовательский видеопроигрыватель HTML5, поддерживающий MP4 , WebM , OGV и встраиваемые проигрыватели, такие как YouTube , Vimeo , Dailymotion , Facebook и другие.
  • Элементы управления проигрывателем: кнопки воспроизведения / паузы, таймер, индикатор выполнения, продолжительность, переключатель качества, контроль скорости, кнопка громкости, кнопка полноэкранного режима, включение / выключение субтитров
  • Параметры воспроизведения: автовоспроизведение, зацикливание, отключение звука, предварительная загрузка
  • Субтитры (WebVTT).
  • GDPR согласие.
  • [+] возможность добавления кода для вставки из любых сторонних видеоплееров.

ХАРАКТЕРИСТИКИ ГАЛЕРЕИ

Серверная часть

  • Создавайте неограниченное количество категорий / подкатегорий и тегов.
  • Видео добавляются как POSTS, используя собственный пользовательский интерфейс публикации. Таким образом, плагин не мешает вашим общим сообщениям WordPress.
  • Возможность группировать видео по категориям и тегам.
  • Отметить видео как избранные.
  • 100+ настроек (ЕЩЕ ПОДСЧЕТ), которые помогут вам настроить плагин на максимум, который вам понадобится.

Интерфейс

  • Современный, Адаптивный дизайн.
  • Параметры отображения категорий: Сетка, Список
  • Сортировать категории по «идентификатору», «количеству видео», «названию категории» и «слагу».
  • Параметры отображения видео: Сетка. В нашей премиум-версии доступно больше вариантов шаблонов.
  • Отфильтруйте видео по «категориям», «тегам» и «избранным» мета-ключам.
  • Сортировка видео по «дате публикации видео», «названию», «количеству просмотров», «случайному».
  • Возможность управлять отображением каждого элемента HTML в галерее.
  • Цифровая разбивка на страницы для больших галерей.
  • Социальный обмен (Facebook, Twitter, Linkedin, Pinterest, Tumblr и WhatsApp).
  • Система комментариев.
  • Специальная форма поиска и макет.
  • Shortcode Builder для создания шорткодов галереи.
  • Gutenberg Blocks для создания галереи, если ваш сайт использует современный редактор WordPress.
  • Виджеты для перечисления категорий, списка видео, отображения одного видеоплеера и поиска видео.

ВАРИАНТЫ РАЗРАБОТЧИКА

Видео (aiovg_videos) относятся к настраиваемому типу записи WordPress. Точно так же категории (aiovg_categories) и теги (aiovg_tags) принадлежат пользовательской таксономии WordPress. Плагин не использует никаких пользовательских таблиц, а настройки хранятся в таблице WP_Options с использованием WordPress SETTINGS API. Короче говоря, плагин был разработан полностью с использованием функций WordPress CORE. Итак, если вы разработчик WordPress, вы можете легко настроить / расширить плагин по своему усмотрению, используя систему хуков WordPress.

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

[+] ПРЕМИУМ-ФУНКЦИИ

  • Дополнительные форматы видеофайлов: HLS / M (PEG) -Dash (прямая трансляция)
  • Шаблоны галереи: всплывающее окно, слайдер
  • Автоматический импорт видео из плейлиста, канала YouTube и т. Д.
  • SEO видео: разметка Schema.org (через JSON-LD)
  • Автоматический генератор эскизов
  • Пользовательский логотип и брендинг
  • Пользовательское контекстное меню
  • Пользовательские предложения переднего плана
  • Объявления VAST / VPAID

ПЕРЕВОД ГОТОВ

Вы говорите на другом языке? Хотите внести значимый вклад в создание видео галереи All-in-One? Нет лучшего способа, чем помочь нам перевести плагин.Этот плагин готов к переводу, и вы можете легко перевести его на свой язык. По завершении свяжитесь с нами, чтобы включить языковой файл в ядро.

ПОДДЕРЖКА И ДОКУМЕНТАЦИЯ

У нас есть документация по плагину.

Все еще есть проблемы? Мы всего на расстоянии электронной почты. Напишите нам, описав вашу проблему, используя форму «Контакт», доступную в меню нашего плагина. Вы получите ответ в течение 24 часов (кроме воскресенья).

Также мы отвечаем на все запросы поддержки по WordPress.форум поддержки org.

Этот плагин предоставляет 4 блока.

  • Видео-галерея «Все в одном»

  • Видео-галерея «Все в одном»

  • Видео-галерея «Все в одном»

  • Видео-галерея «Все в одном»

  1. Загрузите плагин.
  2. В панели администратора WordPress нажмите Плагины => Добавить новый.
  3. Нажмите «Загрузить», чтобы сразу загрузить zip-файл плагина.
  4. Используйте кнопку обзора, чтобы выбрать загруженный zip-файл подключаемого модуля, а затем нажмите «Установить сейчас».
  5. После установки нажмите «Активировать».

Для получения более подробных инструкций посетите нашу документацию по плагинам.

1. Я установил плагин. Как построить свою первую галерею?

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

Для получения более подробных инструкций посетите нашу документацию по плагину.

Все еще есть проблемы? Мы всего на расстоянии электронной почты. Напишите нам, описав вашу проблему, используя форму «Контакт», доступную в меню нашего плагина. Вы получите ответ в течение 24 часов (кроме воскресенья).

2. Могу ли я загружать большие видеофайлы с помощью этого плагина?

Конечно, плагин не накладывает никаких ограничений на размер загружаемого файла.Если вы не можете загружать большие файлы, значит, конфигурация вашего сервера не подходит для загрузки больших файлов. Просто напишите на свой HOST и попросите увеличить лимит размера загружаемого файла.

Да, можно. Пожалуйста, обратитесь к инструкциям ниже,

  1. Всплывающее окно
  2. Слайдер

4. Поддерживает ли плагин сторонние конструкторы страниц, такие как «Elementor», «WPBakery», «Divi» и т. Д.?

Да.Просто сгенерируйте свой шорткод с помощью «Shortcode Builder» плагина и добавьте его в свой любимый конструктор страниц.

5. Совместим ли плагин с WordPress Multisite?

Да, это так. Однако не выполняйте «сетевую активацию» плагина. Активируйте его только на дочерних сайтах, на которых вам нужна галерея. Это можно сделать в разделе «Плагины => Добавить новый» от имени администратора.

Этот плагин делает все, что от него требуется.Простота использования и отличная поддержка даже для бесплатной версии.
Спасибо.

Когда Vimeo недавно изменил URL-адреса своих миниатюр, плагин AIOVG был быстро обновлен, и разработчик предоставил четкие инструкции о том, как сгенерировать необходимый токен доступа. Спасибо за такую ​​отличную поддержку и руководство.

Wir setzen AIOVG als Anzeigesystem in einem Pre-Youtube-Modus ein und sind zufrieden.Insbesondere der Entwickler steht bei Fragen jederzeit zur Verfügung und sendet Hilfen oder auch mal ein Script. daraus ergibt sich, daß man auch mal mit einem Konstruktionsproblem zum Entwickler gehen kann, insofern wenigstens etwas Ahnung hat und genaue Fragen stellt. Der Pro Service läuft ohne Probleme.

VIMEO изменил свой формат URL-адреса изображения без какого-либо уведомления.
Мне пришлось вручную изменить все эскизы.
К счастью, Сан-Рош прислал мне патч, чтобы действительно исправить это болезненное обновление от Vimeo.Работает нормально !!!
Большое спасибо Сан и вся команда «все в одном»

Настоятельно рекомендуется — отличная и эффективная поддержка
проста в использовании, отличный вариант настройки

5 звезд без сомнений

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

так что спасибо

Посмотреть все 70 отзывов

«All-in-One Video Gallery» — это программное обеспечение с открытым исходным кодом.Следующие люди внесли свой вклад в этот плагин.

авторов

2,4,9

Настройка

: возврат к URL-адресам JetPack HLS. Исправление
: обновлены последние URL-адреса изображений Vimeo.

2,4,8
  • Исправлено: проблемы совместимости с WordPress 5.8.
2,4,7
  • Исправление: Ошибка при нажатии кнопки «Добавить дополнительные уровни качества» в форме видео, но при отправке формы без выбора какого-либо уровня качества.
2,4,6
  • Исправление: размеры значков SVG ОГРОМНЫ в некоторых средах WordPress.
2,4,5
  • Новое: возможность отображать / скрывать заголовок видео в галереях эскизов.
  • Новое: Поддержка времени «начала» и «окончания» в URL-адресах YouTube.
  • Новое: новый атрибут «исключить» для шорткода [aiovg_categories].
  • Новое: введено несколько хуков разработчика, которые делают плагин очень расширяемым.
  • Tweak: Заменена «большая кнопка воспроизведения» в плеере на более четкую и красивую кнопку.
  • Tweak: Добавлена ​​поддержка пользовательского видеоплеера для видео YouTube и Vimeo на мобильных устройствах.
  • Tweak: Обновлен Freemius SDK (2.4.2).
  • Fix: [+] несколько мелких исправлений ошибок.
2.4.4
  • Новое: Добавлена ​​поддержка нумерации страниц для категорий.
  • Новинка: введена регулировка скорости.
  • New: Добавлен переключатель качества.
  • Fix: Проблемы совместимости с WordPress 5.6.
  • Fix: [+] несколько мелких исправлений ошибок.
2.4.3
  • Новое: Добавлена ​​поддержка «Видео тегов».
  • Новое: добавлено «Tumblr» в кнопки социальных сетей.
  • Tweak: Обновлен Freemius SDK (2.4.1).
  • Fix: Проблемы совместимости плагина Rank Math.
  • Fix: [+] несколько мелких исправлений ошибок.
2.4.2
  • Новое: настройки плагина, относящиеся к «Связанным видео».
  • Новое: ловушка фильтра «aiovg_query_args» для разработчиков, позволяющая переопределить аргументы WP_Query плагина.
  • Новое: ловушка фильтра «aiovg_back_to_categories_link» для разработчиков, позволяющая переопределить ссылку «Вернуться к категориям» на страницах отдельных категорий.
  • Tweak: Отображать миниатюры видео в таблице списка «Все видео» серверной части.
  • Fix: Проблемы совместимости с WordPress 5.5.
  • Исправление: проблемы совместимости API Facebook.
  • Fix: Проблемы с конфликтом плагинов SMUSH.
  • Исправление: проблемы с конфликтом темы Astra («astra_replace_header_attr»).
  • Fix: [+] несколько мелких исправлений ошибок.
2.4.1
  • Fix: Дублирование меню плагина при настройке мультисайта.
  • Исправление: частные видео Vimeo не работают.
  • Исправление: опция отключения звука не работает с видео в Facebook.
  • Исправление: проблема с миниатюрами на отдельных страницах видео.
  • Fix: [+] несколько мелких исправлений ошибок.
2.4.0
  • Новое: добавлены типы проигрывателей (JavaScript, Iframe).
  • New: Добавлена ​​поддержка SEO для видео.
  • Tweak: Тип источника «Self Hosted / External URL» поддерживает относительные пути к файлам и закодированные (% 20) имена файлов.
  • Tweak: Тип источника «Iframe Embed Code» поддерживает встраивание проигрывателя без iframe.Пример: TikTok Videos.
  • Tweak: Информация «количество видео» на странице категорий также включает подкатегории видео.
  • Fix: Исправление безопасности. Предотвратить попытки XSS (межсайтового скриптинга) для полей заголовка.
  • Исправление: конфликт с плагином Autoptimize.
  • Fix: [+] несколько мелких исправлений ошибок.
2.3.0
  • Исправлено: сторонние видео, такие как YouTube, Vimeo, Dailymotion и Facebook, не работают на устройствах iOS.
  • Fix: Видео увеличено внутри плеера в IE.
2.2.0
  • Исправление: элементы управления плеером не отображаются с вертикальными видео.
2.1.0
  • Исправлено: не работают субтитры.
  • Fix: [+] несколько мелких исправлений ошибок.
2.0.0
  • Новое: проигрыватель mediaelement.js заменен библиотекой проигрывателя video.js.
  • Fix: [+] несколько мелких исправлений ошибок.
ПРЕДЫДУЩИЕ ВЕРСИИ

Список изменений предыдущих версий см. В журнале изменений plugins360.com.

Легко встраивайте видео в WordPress — плагин Noor

Видео могут значительно повысить важность страницы WordPress. Это делает ваш контент более привлекательным для пользователей, а также для поискового робота. Исследования показали, что пользователи, как правило, проводят больше времени на веб-странице, где основная концепция представлена ​​в видео. Честно говоря, если бы мне пришлось выбирать между постом в блоге, где контент слишком длинный (вроде как письменный учебник), и видеоуроком WordPress, меня бы определенно заинтересовал второй вариант.Это в значительной степени объясняет, почему видеомаркетинг оказался таким успешным.

Проблемы со встраиванием видео WordPress

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

Начало работы с Easy WordPress Video Player

Наконец, я попытался создать плагин, который может решить некоторые из основных проблем, с которыми сталкивались пользователи WordPress — Easy Video Player.

Этот плагин видеоплеера WordPress позволяет вставлять ваши любимые видео в запись / страницу.

Информация о Easy Video Player

Требования

  1. Самостоятельный сайт WordPress, работающий в оптимизированной среде WordPress.
  2. Поддержка API шорткода WordPress.

Характеристики

  • Встраивайте видео с помощью простых коротких кодов (кодирование не требуется)
  • Воспроизведение видео с использованием HTML5
  • Включите автоматический откат для браузеров, не поддерживающих HTML5. Это позволяет более старым браузерам, таким как Internet Explorer версии 8 или ниже, воспроизводить ваши видео.
  • Встраивайте адаптивные видео, чтобы они отлично смотрелись при просмотре с мобильных устройств.

Установка и настройка

Встраивание видео в классический редактор

Загрузите плагин Easy Video Player

  • Войдите в панель управления администратора и перейдите в «Плагины-> Добавить».
  • Нажмите на опцию загрузки.
  • Выберите easy-video-player.zip-файл на свой компьютер
  • Установите и активируйте плагин.

Теперь перейдите в меню настроек плагина (Настройки-> Easy Video Player) и отметьте опцию «Включить jQuery». Это все, что вам нужно сделать для настройки плагина.

Встраивание видео в сообщение / страница

Создайте новый пост / страницу и вставьте следующий шорткод:

 [evp_embed_video url = "http://example.com/wp-content/uploads/videos/vid1.mp4"] 

Теперь замените параметр URL на фактический URL вашего видео.

Вот и все. Просто опубликуйте сообщение / страницу, и ваше видео будет встроено вместе с вашим контентом.

Автовоспроизведение видео

Если вы хотите, чтобы определенное видео начиналось автоматически, вы можете установить для параметра «autoplay» значение «true» в шорткоде:

 [evp_embed_video url = "http://example.com/wp-content/uploads/videos/vid1.mp4" autoplay = "true"] 

Размер управляющего проигрывателя

Для управления размером видео вы можете указать ширину:

 [evp_embed_video url = "http: // пример.com / wp-content / uploads / videos / vid1.mp4 "] 

Соотношение сторон управляющего проигрывателя

Соотношение сторон плеера по умолчанию установлено на «16: 9». Чтобы отменить его, вы можете указать другое соотношение:

 [evp_embed_video url = "http://example.com/wp-content/uploads/videos/vid1.mp4" ratio = "4: 3"] 

Изображение плаката

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

 [evp_embed_video url = "http: // пример.com / wp-content / uploads / videos / vid1.mp4 "poster =" http://example.com/wp-content/uploads/images/poster.jpg "] 

Видео петля

Если вы хотите, чтобы определенное видео снова начинало воспроизводиться, когда оно заканчивается, вы можете установить для параметра «цикл» значение «истина» в шорткоде:

 [evp_embed_video url = "http://example.com/wp-content/uploads/videos/vid1.mp4" loop = "true"] 

Видео без звука

Рекламное объявление

Если вы хотите отключить аудиовыход видео по умолчанию, вы можете установить для параметра «без звука» значение «истина» в шорткоде:

 [evp_embed_video url = "http: // пример.com / wp-content / uploads / videos / vid1.mp4 "muted =" true "] 

Пользовательский CSS

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

 [evp_embed_video url = "http://example.com/wp-content/uploads/videos/vid1.mp4"] 

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

 [evp_embed_video url = "http://example.com/wp-content/uploads/videos/vid1.mp4"] 

Шаблон игрока

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

 [evp_embed_video url = "http://example.com/wp-content/uploads/videos/vid1.mp4" template = "mediaelement"] 

Предварительная загрузка видео

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

  • «метаданные»: при загрузке страницы должны загружаться только метаданные (по умолчанию)
  • «авто»: видео должно загружаться полностью, когда страница загружается.
  • «нет»: видео не должно загружаться при загрузке страницы.
 [evp_embed_video url = "http: // example.com / wp-content / uploads / videos / vid1.mp4 "preload =" auto "template =" mediaelement "] 

Центр видео

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

  • Откройте настройщик вашей темы.
  • Добавьте этот CSS в разделе «Внешний вид -> Настройка> Дополнительные CSS»
 .wp-video {
    выравнивание текста: центр;
    маржа слева: авто;
    маржа-право: авто;
} 

Часто задаваемые вопросы (FAQ)

Могу ли я автоматически воспроизводить видео на мобильных устройствах?

№Автовоспроизведение видео по умолчанию отключено на устройствах iOS и Android. Это необходимо для того, чтобы данные не загружались до тех пор, пока пользователь не инициирует их. Вы ничего не можете сделать, так как это было разработано производителем оборудования. Вы даже можете попробовать встроить видео без этого плагина, и функция автовоспроизведения по-прежнему работать не будет.

Могу ли я загружать видео на WordPress с помощью этого плагина?

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

Как мне показать видео на WordPress с помощью этого плагина?

Вставьте шорткод видео в сообщение / страницу и замените значение параметра url на фактический URL вашего видео.

Какой лучший видеоформат для WordPress?

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

Какой лучший видеокодер?

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

Как загрузить большое видео в WordPress?

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

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

Связанные

Лучший плагин для видеогалереи WordPress (и как его использовать)

В наши дни так легко встраивать видео в WordPress, но не так просто создать видеогалерею со списком всех ваших видео в сетке — если вы не используете правильный плагин. В этой статье вы узнаете, как легко и просто создать адаптивную видеогалерею WordPress.

Продолжайте читать, чтобы узнать, как использовать плагин Document Library Pro для создания видеогалереи с возможностью поиска. Хотя это не ust для видео, это один из лучших плагинов для видеогалереи WordPress. Это упрощает добавление видеосетки или видеопортфолио на ваш сайт.

Вы узнаете, как добавлять видео в свою галерею, используя 3 различных метода:

  • Встраивание видео, размещенного в другом месте, в WordPress, например видео YouTube или видео Vimeo.
  • Прямая загрузка видео на ваш сайт WordPress.
  • Создание списка воспроизведения видео.

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

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

Создать видеотеку

Установите Document Library Pro сегодня и начните добавлять видео и делиться ими — простой способ!

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

Почему Document Library Pro — лучший плагин для видеогалереи WordPress

Document Library Pro создает видеогалерею WordPress в виде таблицы. Вы можете использовать его для встраивания любого типа видео на свой сайт WordPress. В том числе:

  • Любой сервис видеохостинга YouTube, Vimeo, Dailymotion, Animoto, Blip, Cloudup, CollectHumor, видео Facebook, видео Flickr, выступления на TED, VideoPress и т. Д.
  • Типы видео Длинные видеоролики, короткие фрагменты видеороликов, рекламные видеоролики, демонстрации / обзоры / распаковки продуктов, стоковые видеоролики, обучающие видеоролики, освещение событий, обучающие видеоролики, интервью, презентации, видеокомментарии, видеоблоги, вебинары.
  • Все видеожанры Анимация, закулисная съемка, съемка с дронов, фильмы и фильмы, научно-популярное видео.

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

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

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

Создайте свою адаптивную видеогалерею WordPress

1. Установите плагин видеогалереи

Первым шагом к созданию вашей видеогалереи WordPress является установка плагина Document Library Pro. Это необходимо для того, чтобы добавлять видео и отображать их в видеогалерее в Интернете. Он будет работать на любом веб-сайте WordPress и в любой теме.

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

  • Столбцы — Есть много доступных столбцов. Как минимум, я рекомендую это для видеогалереи: заголовок , содержание: Watch Online . В столбце заголовка будет отображаться название видео, а в столбце содержимого будет отображаться встроенный видеоплеер. Вы можете видеть, что я добавил : Watch Online после имени столбца содержимого. Он будет отображаться как заголовок столбца, поэтому измените его на любое другое. Если вы хотите, чтобы люди могли загружать видео — или переходить по ссылке, чтобы смотреть их на таком веб-сайте, как YouTube, — добавьте также столбец со ссылкой .
  • Интерактивные столбцы — Если вы хотите, чтобы люди могли щелкнуть название видео, чтобы просмотреть его на отдельной странице, оставьте это как есть. Добавьте нет , чтобы отключить эти ссылки и оставить людей на главной странице галереи видео.
  • Короткие коды — Включите эту опцию. Это важно для того, чтобы на главной странице видеогалереи отображались встроенные видеопроигрыватели.
  • Фильтры — выберите «Пользовательский» и добавьте doc_categories и / или doc_tags , в зависимости от того, как вы планируете структурировать видеогалерею.Это добавит раскрывающийся список фильтров категорий и / или раскрывающийся список фильтров тегов над видеогалереей. Это быстрый способ найти видео определенного типа, например, по жанру или году.
  • Ленивая загрузка — Включите это, если вы размещаете много видео в галерее. Он загружает каждую страницу видео по одному, что сокращает время загрузки страницы.

2. Добавить видео в галерею

Теперь общая структура вашей видеогалереи WordPress сформирована, пора начать добавлять видео и / или видео плейлисты.

Если вы хотите, чтобы отдельных видео отображались в отдельной строке вашей галереи WordPress, как показано ниже, вам необходимо добавить каждое из них как отдельную запись «Документ». Вы можете сделать это в разделе «Документы» в админке WordPress.

Видеогалерея WordPress с 1 видео в строке

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

Список воспроизведения видео в галерее видео WordPress

Обратите внимание, что вы сможете включить комбинацию отдельных видео и плейлистов в свою видеогалерею WordPress.Для каждого «Документа» добавьте одно или несколько видеороликов. Я расскажу, как это сделать дальше.

Добавление видео

Используйте эти шаги, чтобы добавить каждое видео или плейлист в галерею:

  1. Перейти к Документы Добавьте новый в админку WordPress.
  2. Добавьте заголовок для видео, а также любую другую информацию, такую ​​как категории, теги или отрывок (что полезно для добавления краткого описания или резюме видео).
  3. Затем вставьте свое видео в область основного содержимого, используя один из следующих 3 методов:
Метод 1. Встроить видео с YouTube или Vimeo

Самый надежный способ добавить видео в вашу видеогалерею WordPress — сначала разместить его на сторонней видеоплатформе.YouTube и Vimeo являются самыми популярными, но вы можете встроить их из любого видео-сервиса из этого списка. (Можно использовать и другие видеоплатформы, но вместо того, чтобы просто вставлять URL-адрес, вам нужно получить код внедрения и вставить его в представление «Текст» на экране «Добавить / редактировать документ».)

Использование специализированного видеохоста — отличный выбор, потому что:

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

Если вы встраиваете видео из одного из файлов в этом списке, вам просто нужно встроить URL-адрес вашего видео прямо в сообщение. Для этого просмотрите свое видео на YouTube, Vimeo или любом другом сайте, который вы используете, и скопируйте URL-адрес из адресной строки в верхней части браузера.Чтобы помочь вам найти URL-адрес видео, я обвел его на скриншоте ниже:

Затем просто вставьте URL-адрес в область содержимого вашего сообщения WordPress. WordPress мгновенно конвертирует его во встроенный видеоплеер.

Метод 2. Загрузите видео прямо в медиа-библиотеку

При желании вы можете размещать видео прямо на своем веб-сайте WordPress и встраивать медиафайлы:

  1. Нажмите кнопку Добавить медиа над панелью инструментов WordPress и загрузите свой видеофайл (например,грамм. MP4 или MOV).
  2. Выберите видео в медиатеке WordPress.
  3. Убедитесь, что в разделе Параметры отображения вложений установлено значение Встроенный медиаплеер и нажмите Вставить в сообщение .

Опять же, WordPress автоматически вставит видео для просмотра в ваш пост.

Метод 3. Создание списка воспроизведения видео

Наконец, вы можете добавлять целые списки воспроизведения видео в свою галерею WordPress. Они должны быть размещены в медиатеке WordPress.

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

WordPress встроит плейлист прямо на вашу страницу или в сообщение.

Где на моем веб-сайте будут отображаться видеоплееры?

Какой бы метод вы ни использовали для добавления видео и плейлистов, они появятся в 2 местах вашей видеогалереи WordPress:

  1. На главной странице видеогалереи в столбце «Содержание» таблицы.(Как мы видели выше, вы можете переименовать этот столбец по своему усмотрению.)
  2. Если вы не отключили интерактивные столбцы, люди также могут щелкнуть имя видео, чтобы получить доступ к отдельной странице для каждого видео или списка воспроизведения. Встроенный видеоплеер появится на этой странице. https://barn2.com/kb/dlp-column-widths/

3. Отобразите вашу видеогалерею WordPress

Теперь все ваши видео готовы к работе, вы готовы отображать свою видеогалерею WordPress! Хорошая новость в том, что большая часть этого уже была сделана за вас.Все, что вам нужно сделать, это проверить его, внести какие-либо изменения и добавить ссылку в меню вашего веб-сайта, чтобы люди могли найти страницу видеогалереи.

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

Просмотр страницы видеогалереи

Щелкните ссылку «Страницы» слева от панели администратора WordPress, и вы увидите все свои страницы в списке. Одна из них называется «Библиотека документов» и содержит вашу видеогалерею WordPress. Переименуйте его в какое-нибудь конкретное видео, например «Видео библиотека».

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

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

Изменение размера каждого видео

Лучший способ настроить размер встроенных видеоплееров — настроить ширину столбцов в таблице. Видео автоматически подстраиваются под доступное пространство.

По умолчанию видеоплагин Document Library Pro WordPress автоматически устанавливает ширину столбцов в зависимости от содержимого каждого столбца. Но для видеогалереи WordPress вы можете сделать столбец видеопроигрывателя шире, чтобы людям было легче просматривать ваши видео.

Чтобы настроить ширину столбцов в сетке видео, необходимо добавить в шорткод width = «» . Между кавычками вы можете добавить число для каждого столбца, чтобы представить процент таблицы, который будет занимать каждый столбец. Обратите внимание, что числа должны составлять в сумме 100% и быть разделены запятыми. В приведенном ниже примере 4 столбца займут 40%, 15%, 30% и 15% таблицы соответственно:

& lbrack; doc_library columns = "content: Посмотреть сейчас, заголовок, отрывок: Описание, категория" widths = "40,15,30,15" & rbrack;

(Примечание: в этом шорткоде я установил параметр столбцов, чтобы показать вам, что количество столбцов соответствует количеству ширины.Однако проще установить столбцы на странице настроек плагина.)

Первый столбец (содержимое) занимает 40% ширины таблицы — наибольшая ширина, чтобы дать больше места для встроенного видеоплеера. Второй столбец (заголовок) получает 15%, так как заголовки видео не требуют много места. Третий столбец (отрывок) немного шире, чтобы можно было разместить больше текста. Последний столбец (категория) также довольно узкий.

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

Создание нескольких видеогалерей

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

Вы можете добавить видеогалерею к любому сообщению или странице на своем веб-сайте WordPress или даже в текстовом виджете.

Зайдите на страницу / пост / виджет, куда вы хотите добавить галерею. В области основного содержимого добавьте следующий шорткод:

& lbrack; doc_library doc_category = "музыка" & rbrack;

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

Другое применение Document Library Pro

Самое замечательное в использовании Document Library Pro в качестве видеоплагина WordPress — это то, что он предназначен не только для видео. Вы можете получить еще лучшее соотношение цены и качества, используя его для других целей в другом месте вашего сайта. Например:

Чтобы использовать его для нескольких целей, перейдите в Документы → Категории и создайте категории для каждого варианта использования.Например, у вас может быть категория «Видео» с различными подкатегориями для ваших видеожанров и категория «Документы» с подкатегориями для ваших типов документов. Затем вы можете использовать & lbrack; doc_library category = "videos" & rbrack; Шорткод для перечисления различных типов ресурсов в разных местах вашего сайта.

После того, как вы установили этот плагин WordPress, вы можете использовать его сколько угодно раз. Проявите творческий подход и получите больше за свои деньги, используя Document Library Pro разными способами!

Создание видеогалереи WooCommerce

Видеомагазин WooCommerce на базе плагина WooCommerce Product Table.

Также возможно создать видеогалерею для электронной коммерции.Каждое видео будет «продуктом» и будет указано в таблице с предварительным просмотром видео. Люди могут просмотреть предварительный просмотр, а затем щелкнуть кнопку «Купить», чтобы приобрести видео — либо в цифровом формате, либо на физическом DVD.

Для этого вам нужно использовать другой наш плагин — WooCommerce Product Table. Он имеет аналогичные функции с Document Library Pro, но работает с бесплатным плагином WooCommerce, так что вы действительно можете продавать свои видео в Интернете.

Создайте свою видеогалерею WordPress сегодня

Теперь, когда вы знаете, как создать полнофункциональную, полностью адаптивную видеогалерею в WordPress, пора проявить творческий подход.Для начала загрузите плагин Document Library Pro.

  • 100% гибкость.
  • Список любого типа видео.
  • Быстрая 10-минутная настройка.
  • Экспертное сопровождение и документация.
  • Бесплатная 14-дневная пробная версия — любите или ничего не платите!

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

Создать видеотеку

Установите Document Library Pro сегодня и начните добавлять видео и делиться ими — простой способ!

Как добавить видео в WordPress (и почему)

Легко ли вам добавлять видео на свой сайт WordPress? Если бы вы кричали ДА, вас бы здесь не было, не так ли?

Другой связанный вопрос: легко ли создавать или находить лучшие видео для вашего сайта WordPress? Правильно, я так не думал.Вы, вероятно, даже не знаете, с чего начать, но не переживайте; вы не одиноки.

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

Некоторая статистика видео…

Когда видео доставляет столько хлопот, зачем вообще добавлять видео на свой веб-сайт? Я имею в виду, вы думаете, что высококачественного текста и изображений достаточно, не так ли?

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

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

  • Люди просматривают более 5 миллиардов видео на YouTube в день
  • Пользователи просматривают более 100 миллионов часов видео на Facebook в день
  • 82% пользователей Twitter смотрят видео на платформе
  • Средний пользователь Интернета проводит на 88% больше времени на веб-сайте с видео
  • 70% маркетологов активно оптимизируют видео под SEO
  • Около 43% маркетологов согласились, что они создали бы больше видеоконтента, если бы не было препятствий, таких как бюджет, ресурсы и время
  • 65% зрителей смотрят более 3/4 видео
  • 9 из 10 зрителей сказали, что видеоролики о продуктах полезны в процессе принятия решений
  • Добавление видео в электронный маркетинг увеличивает CTR на 300%
  • Включение видео на целевую страницу может увеличить коэффициент конверсии на 80%
  • 64% покупателей с большей вероятностью купят товар на вашем сайте после просмотра видео

Источник: Инфографика Renderforest с более чем 40 статистикой из различных авторитетных источников.

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

Преимущества видеомаркетинга

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

Видео банка:

  • Увеличить узнаваемость бренда в десять раз. Хорошим примером того, как вы можете использовать видео для повышения узнаваемости бренда, является видео Dollar Shave Club на YouTube, на которое было отправлено 12 000 заказов в течение двух дней. Четыре года спустя Unilever купила Dollar Shave Club за 1 миллиард долларов наличными. Скажите а-а-а ?
  • Помогите вам привлечь больше пользователей. YouTube и многие сайты социальных сетей активно продвигают видеоконтент, что позволяет охватить больше пользователей.Видео может помочь вам создать целевую аудиторию, которая принесет пользу вашему бизнес-сайту сейчас и в будущем.
  • Обеспечьте более четкую демонстрацию продуктов или услуг, что приведет к увеличению количества покупок
  • Повысьте свой рейтинг в поиске, так как у вас более чем в 50 раз больше шансов попасть на первую страницу Google, если вы добавите оптимизированное видео на свой веб-сайт.
  • Предложите вам лучшую окупаемость инвестиций (ROI)
  • Создавайте эмоциональную связь и доверие, поскольку видео обладают врожденной способностью вызывать эмоции, если вы выполняете свою работу
  • Привести к большему количеству конверсий
  • Дополняйте остальную часть вашего контента, позволяя вам обеспечить богатый пользовательский интерфейс на вашем сайте WordPress.

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

Куда все это вас деть? Все еще застрял, да?

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

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

Как добавить видео в WordPress вручную

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

Ближе к делу, Фредди… Хорошо, я слышу тебя

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

Скопируйте ссылку в адресную строку браузера, как показано ниже.

Кроме того, вы можете щелкнуть видео правой кнопкой мыши и выбрать Копировать URL-адрес видео , как показано на снимке экрана ниже.

Теперь у вас есть ссылка, которая выглядит примерно так:

 https://youtu.be/eGYuBjqkj8Q 

Затем перейдите на страницу или запись, куда вы хотите добавить видео. Если вы создаете новую страницу, просто перейдите к Pages> Add New в меню администратора WordPress, как показано ниже.

Примечание: Если вы добавляете видео в сообщение, вам нужно будет перейти к Записи> Добавить новый на шаге выше.

Как только редактор страниц загрузится, добавьте обычные вещи, то есть заголовок страницы, контент, теги, категории, SEO и так далее. Мы заполнили наш редактор фиктивным содержимым, как показано ниже. Также обратите внимание, что я использую редактор Gutenberg.

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

1. Добавьте встроенное видео в WordPress

Чтобы добавить встроенное видео на свою страницу, просто вставьте URL-адрес YouTube, который вы скопировали ранее, в отдельной строке (нажмите клавишу ENTER перед вставкой URL-адреса), как показано ниже.

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

  1. не видит ссылку, которую мы только что вставили, потому что WordPress немедленно преобразует ссылку в предварительный просмотр видео
  2. выровняйте видео, отредактируйте URL-адрес YouTube, скопируйте видео и даже удалите видео среди других действий, специфичных для Gutenberg.
  3. легко добавить сюда подпись
  4. выбрать, будет ли изменяться размер видео для небольших устройств.Мы рекомендуем оставить эту настройку ВКЛ
  5. определяют дополнительный класс CSS, что означает, что вы можете настраивать стили видеоконтейнера, но сначала вам нужно будет изучить CSS, так что забудьте об этой области.

Когда все на месте, не стесняйтесь нажимать кнопку Preview вверху, чтобы увидеть свое новое видео YouTube в действии. Вот как мой выглядит с темой Twenty Seventeen WordPress.

А если вы используете классический редактор, ваша страница будет выглядеть так:

Как видите, URL-адрес автоматически заполнится видео на основе ссылки — в данном случае видео YouTube.В классическом редакторе на самом деле нет никаких опций для редактирования размера или выравнивания видео — это то, что есть.

Это было легко, правда? Вы даже не вспотели.

2. Добавление видео в WordPress с помощью блока Гутенберга

Также легко добавить видео с помощью блока Гутенберга. Имея в руках скопированный URL-адрес YouTube, поместите курсор в то место, где вы хотите разместить видео, и нажмите значок плюса (+), как показано ниже.

На открывшейся панели перейдите к Common Blocks и щелкните блок Video , как мы выделяем ниже.

Затем нажмите кнопку Insert from URL , как показано на скриншоте ниже.

Затем вставьте URL-адрес видео YouTube и нажмите кнопку Применить , чтобы добавить видео на свой сайт WordPress. См. Изображение ниже.

А вот что у вас получится.

Заметили что-нибудь еще? Можете ли вы заметить кнопки полужирным, курсивом и Link внизу окна предварительного просмотра видео? Как вы думаете, что делают эти кнопки?

Создайте остальную часть своей страницы и нажмите кнопку Опубликовать , чтобы опубликовать страницу / сообщение на своем сайте WordPress.

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

Вот парочка поддерживаемых видеосайтов:

  • YouTube
  • Vimeo
  • Facebook
  • Flickr
  • Hulu
  • Instagram
  • Animoto
  • DailyMotion
  • Образования
  • SproutVideo
  • Интернет-архив
  • TED Talks
  • Twitch.телевизор
  • Ustream.tv
  • Виддлер
  • Вайн
  • Wistia
  • И многое другое!

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

3. Как добавить видео в виджет WordPress

Хотите, чтобы ваше видео размещалось на боковой панели или в нижнем колонтитуле, а не на главной странице? Что ж, это тоже легко. Просто перейдите к Внешний вид> Виджеты , как мы выделяем ниже.

Затем выберите виджет Text и выберите область виджета, в которой вы хотите разместить видео. В целях иллюстрации я выбрал Боковую панель блога. Затем нажмите кнопку Добавить виджет , как показано ниже.

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

Кроме того, дайте своему виджету название (1), вставьте URL-адрес видео YouTube (2) и, наконец, нажмите кнопку Сохранить (3), как показано ниже.

Теперь давайте посмотрим, как наши видео выглядят на нашем тестовом сайте WordPress, который использует тему Twenty Sixteen.

Совсем неплохо. Наш образец сайта поставляется с видео на боковой панели!

Примечание о добавлении видео в WordPress

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

Но если вы заметили, наше руководство рекомендует использовать сторонний сервис для размещения ваших видео.Как правило, мы не рекомендуем загружать видеофайлы непосредственно на ваш сайт WordPress (кроме случаев, когда для этого есть особая причина, например, премиум-видео или курсы для членства). Почему? Несколько причин:

  • Если вы только начинаете, скорее всего, вы используете общий веб-хостинг, который имеет ограничения по пропускной способности и хранилищу, несмотря на утверждение большинства хостов о «неограниченном всем». Хранение больших файлов в средах общего хостинга может привести к сбою вашего сайта, если ваше видео получит большой трафик.Вот почему может помочь использование стороннего сайта, такого как YouTube, или отдельной службы хостинга, такой как Muse.ai.
  • Загрузка видео прямо на ваш сайт WordPress означает, что вы теряете весь трафик, который вы можете получить с сайтов потокового видео, например YouTube, Vimeo и т. Д., И сайтов социальных сетей. Кроме того, обратные ссылки с таких сайтов также могут помочь вам улучшить свой поисковый рейтинг, что приведет к увеличению трафика.
  • Вы усложняете пользователям поиск и публикацию ваших видео, что ограничивает возможности распространения вашего видеоконтента.Например, когда вы размещаете видео на YouTube, пользователи могут подписываться на ваш канал, ставить лайки и делиться вашим контентом без дополнительной работы с вашей стороны. Кроме того, им не обязательно посещать ваш веб-сайт, чтобы поделиться видеоконтентом с друзьями, что поможет вам привлечь больше внимания к своим видео.
  • ОН ПОДОЖДИТЕ, вы также можете получать доход от рекламы со своих видео на YouTube, так что буквально платит за создание видеороликов, которые могут стать вирусными. Посмотрите на это, мы только что открыли для вас еще один источник дохода

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


Добавить видео на ваш сайт WordPress так же просто, как A, B, C. Вам даже не нужно устанавливать плагины, чтобы видео работали на вас! Просто выберите сторонний сайт (нам нравится YouTube или Vimeo), и когда вы начнете создавать видеоролики, создавайте высококачественные видеоролики, которые могут стать вирусными.

У вас проблемы с добавлением видео на ваш сайт WordPress? У вас есть вопросы или опасения относительно наших методов? Возможно, предложение? Мы что-нибудь упустили? Поделитесь своими мыслями в комментариях.Ваше здоровье!

Как легко встраивать видео в WordPress (с плагином и без него)

У вас есть канал на YouTube? Вы хотите добавить видео на свой сайт WordPress?

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

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

В этой статье мы рассмотрим различные способы добавления видео в WordPress. Мы также шаг за шагом проведем вас через процесс встраивания видео YouTube в WordPress.

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

Почему вы не должны напрямую загружать видео в WordPress?

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

Добавление видео непосредственно в WordPress может повлиять на производительность веб-сайта и, в крайнем случае, повлиять на ваш SEO.

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

Пропускная способность сервера

Многие планы веб-хостинга предусматривают выделение полосы пропускания. Это распределение основано на количестве страниц, объеме загружаемых мультимедийных материалов и среднем трафике, приходящем на веб-сайт.

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

Ограничения размера файла

Большинство серверов имеют ограничение на размер файла для загрузки. Во многих случаях максимальный размер загрузки составляет всего 50 МБ. Вы можете увеличить максимальный размер загрузки вручную или связавшись с поставщиком услуг хостинга.

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

Видео файлы обычно очень большие по размеру. Видео хорошего качества обычно имеет размер от нескольких сотен мегабайт до 1-2 гигабайт. Если вы используете общий хостинг или даже план облачного хостинга, такие большие файлы могут быстро израсходовать любое выделенное хранилище.

Медленная загрузка и остановка видео

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

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

Любое воздействие на пользовательский интерфейс быстро становится раздражающим и может усугубиться при большом объеме трафика.

Различное качество видео на разных устройствах

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

Поскольку видео WordPress по умолчанию не адаптируются, вам необходимо создать версии с более низким разрешением, чтобы они соответствовали меньшим экранам телефонов и планшетов.

Совместимость с веб-браузерами

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

Решение: вставлять, а не загружать

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

Встраивание означает, что ваше видео размещается на стороннем хостинге и воспроизводится через ваш сайт WordPress.

Вот преимущества встраивания перед загрузкой:

Экономия пропускной способности и дискового пространства

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

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

Оптимизация качества видео

Платформы

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

Движение и видимость

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

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

Другие платформы видеохостинга будут предлагать аналогичные преимущества.

Простая передача

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

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

Как добавить видео в WordPress с помощью редактора по умолчанию

WordPress — очень удобная система управления контентом (CMS).Существует несколько способов встраивания видео на страницы или в сообщения, и он поддерживает широкий спектр поставщиков видеоуслуг, таких как YouTube или Vimeo.

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

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

Метод прямого приклеивания

В этом методе вам просто нужно вставить URL-адрес видео в редактор страницы.

Вот как это сделать:

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

2. Затем появится всплывающее окно, в котором будет присутствовать ссылка на видео YouTube. Теперь скопируйте URL-адрес в буфер обмена.

СОВЕТ ПРОФЕССИОНАЛА:

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

3. После того, как вы скопировали URL-адрес, посетите сообщение в блоге, в которое вы хотите встроить видео, и вставьте ссылку в соответствующее место.

Это автоматически вставит видео в сообщение блога.

Команда WordPress выпустила список поставщиков видеоуслуг, которые они поддерживают в своих редакторах. Посмотрите:

914 913 911 911 911 911 911 911 911 911 911 911

Video Service WordPress Block
Мгновенный предварительный просмотр Amazon Kindle Amazon Kindle Block
Animoto Animato Block
Clou Блок DailyMotion
Flickr Блок Flickr
TED Блок TED
TikTok Блок TikTok
VideoPress Блок VideoPress
Vimeo Блок Vimeo
WordPress.tv Блок WordPress.tv
YouTube Блок YouTube

Метод блока

Если видео не встраивается автоматически, вы можете использовать блок WordPress.

1. Щелкните значок «+» , чтобы добавить новый блок, и выберите блок, связанный с вашим поставщиком видеоуслуг. В данном случае мы используем YouTube.

2. Откроется блок YouTube. Вставьте ссылку в указанное место, чтобы встроить видео

3.Затем выберите Встроить .

Метод видеоблока

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

Вот как вы вставляете такие видео:

1. Щелкните значок «+» , чтобы добавить новый блок

2. Выберите видеоблок.

3. Выберите Insert from URL .

4. Вставьте URL-адрес видео.

5. Нажмите Return , чтобы вставить видео в свой пост или страницы.

Метод блока HTML

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

Вы можете вставлять видео в виде сценариев HTML, также известных как коды вставки.

В этом примере мы используем наше видео на YouTube:

1. Получите код встраивания из видео, которое вы хотите встроить. В случае с YouTube вы можете нажать кнопку Поделиться .

2. Выберите Встроить .

3. После выбора этого параметра появится другое всплывающее окно с видео и кодом для встраивания. Скопируйте код для встраивания отсюда.

4. Теперь вернитесь в редактор страниц и нажмите c на значок ”+” , чтобы выбрать новый блок.

5. Выберите блок «Custom HTML» . Если вы не можете найти опцию, просто введите слова в строке поиска, и опция появится.

6.Откроется блок Custom HTML. Вставьте код встраивания в блок.

Это вставляет видео в ваш пост или страницу.

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

Как добавить видео в WordPress с помощью классического редактора

Если вам нравится классический редактор WordPress, все может быть немного иначе. Хотя WordPress обычно автоматически встраивает ваше видео YouTube, как только вы вставляете ссылку, для других источников это может не выполняться.

Если вы используете классический редактор и хотите встроить видео, выполните следующие действия:

1. Скопируйте код внедрения из видео, которое вы хотите встроить.

2. Перейдите в классический редактор и выберите вкладку «Текст» в правом верхнем углу области редактирования.

3. Вставьте код для встраивания в соответствующее место.

4. Щелкните вкладку Visual , чтобы увидеть изменения.

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

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

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

Есть три способа добавить видео в виде виджетов в любое место.

Используйте виджет видео

Вы можете вставлять видео в любое место с помощью виджета видео.

Вот как:

1. Найдите видео, которое вы хотите встроить, и нажмите кнопку Поделиться .

2. Скопируйте URL.

3. В панели администратора WordPress перейдите в Внешний вид → Виджеты .

4. Перетащите виджет видео в необходимое место.

5. Щелкните Добавить видео .

6. Выберите Вставить из URL-адреса и вставьте URL-адрес видео в указанное место.

7. Щелкните Добавить в виджет , чтобы встроить видео в боковую панель.

Используйте текстовый виджет

Аналогичен методу прямой вставки.

Вот как это сделать:

  1. Найдите видео, которое вы хотите встроить, и нажмите кнопку Поделиться .
  2. Скопируйте URL.
  3. В админ-панели WordPress перейдите в Внешний вид → Виджеты .
  4. Перетащите текстовый виджет в желаемое место.
  5. Вставьте ссылку прямо на визуальную вкладку, и WordPress автоматически встроит ее, если это ссылка из поддерживаемого источника.

Или скопируйте сюда код внедрения из шага 2 и вставьте его в текстовую вкладку текстового редактора.

Использовать пользовательский виджет HTML

В этом случае вместо текстового виджета вы перетаскиваете виджет HTML.

Вот как это сделать:

  1. Найдите видео, которое вы хотите встроить, и нажмите кнопку Поделиться .
  2. Выберите Вставить и скопируйте код вставки.
  3. В админ-панели WordPress перейдите в Внешний вид → Виджеты .
  4. Перетащите настраиваемый виджет HTML в необходимую область отображения.
  5. Вставьте код внедрения в текстовую область и нажмите Сохранить .

Как встроить видео в WordPress с помощью плагинов

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

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

1. ARVE Advanced Responsive Video Embedder

ARVE — один из лучших плагинов для встраивания видео на WordPress.Он не только легко встраивает видео с YouTube или Vimeo, но также поддерживает множество других веб-сайтов, таких как TED, Twitch или Comedy Central.

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

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

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

Pro-версия ARVE позволяет вам отложить загрузку видео и ускорить загрузку вашего сайта. Он показывает изображение во время загрузки видеоплеера и позволяет добавлять элементы управления встраиваемым видео.

Он также показывает видео в красивом лайтбоксе перед воспроизведением видео.

Цена ARVE

Односайтовая лицензия для ARVE Pro стоит 40.00 € (48 долларов США).

2. Видеогалерея по коду происхождения

Хотите добавить на свой сайт видеогалерею? Плагин VideoGallery может стать для вас лучшим решением. Если вы размещаете свои видео на Vimeo или YouTube, вы можете легко разместить их в красивой галерее.

Эти плагины с несколькими макетами и вариантами встраивания придают вашему сайту профессиональный вид. Простой пользовательский интерфейс позволяет пользователям с легкостью просматривать видео.

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

Цена видео галерея

Однопользовательская лицензия плагина VideoGallery стоит 19,99 долларов. Хотя вы можете приобрести неограниченную лицензию на сайт за 59,99 долларов.

3. EmbedPlus для YouTube

EmbedPlus — один из самых мощных плагинов для встраивания видео YouTube для WordPress. Он может быстро создавать галереи для видео YouTube и импортировать ваш канал или плейлист на ваш сайт.

EmbedPlus имеет несколько удобных макетов галереи.Он также проверяет отзывчивость мобильных устройств. Плагин также совместим со многими популярными конструкторами страниц, такими как Elementor, Visual Composer, Beaver Builder и SiteOrigin.

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

Стоимость EmbedPlus

Лицензия для одного сайта для EmbedPlus Pro стоит 39,99 долларов.

4.YotuWP

YotuWP — один из лучших плагинов для встраивания видео YouTube в WordPress. Он позволяет импортировать плейлисты, каналы и видео с определенных имен пользователей и создавать видеогалереи на вашем веб-сайте. Вы также можете интегрировать и встраивать видео из Vimeo и Wistia.

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

Цена YotuWP

Стоимость односайтовой лицензии YotuWP Pro составляет 21 доллар США. По этой цене вы получаете пожизненные обновления и все его профессиональные функции. Безлимитная лицензия на сайт стоит 119 долларов.

5. Видео галерея — YouTube Галерея

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

Вы также можете добавить эффекты наведения и лайтбокса в бесплатной версии. Помимо YouTube, вы также можете легко добавлять видео Wistia и Vimeo.

Премиум-версия добавляет еще больше настроек. Он включает более 125 шрифтов, 100 эффектов наведения и более 150 вариантов стиля.

Цена видео галереи

Лицензия на однократную установку этого плагина стоит 15 долларов с пожизненными обновлениями. Он включает в себя все премиум-функции и будущие обновления.

Наш любимый плагин для встраивания видео

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

Если ваш веб-сайт в первую очередь зависит от видео, и вы хотите выделиться в своей нише, мы рекомендуем использовать VideoGallery by Origin Code. Универсальные функции и варианты стиля позволяют создавать красивые и отзывчивые галереи и легко встраивать видеоролики.

Если вы просто хотите добавить видео с YouTube на свой сайт WordPress, мы рекомендуем использовать YotuWP. Минималистичный пользовательский интерфейс не доминирует в дизайне вашего веб-сайта и помогает вашей аудитории легко ориентироваться.

Добавить видео в WordPress сегодня

Готовы добавить видео на свой сайт? Это легко, когда знаешь как!

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

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

Чтобы обеспечить наилучшее взаимодействие с пользователем, мы рекомендуем тему Astra. Мы добавили множество настроек в нашу тему и оптимизировали ее для максимальной производительности. С Astra вы можете быстро создать красивый веб-сайт за считанные минуты.

Как вы добавляете видео на сайты WordPress? Пропустили ли мы какие-либо плагины для видео? Дайте нам знать в комментариях ниже.

Как добавить видео в WordPress — Центр поддержки хостинга InMotion

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

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

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

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

Встраивание видео в WordPress

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

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

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

Встраивание видео в сообщение или страницу

Перед выполнением следующих шагов вы должны сначала загрузить свое видео на YouTube или Vimeo.

  1. Войдите в панель управления WordPress.
  2. Переход к страницам или сообщений.
  3. Отредактируйте существующую страницу или сообщение, или создайте новую страницу или сообщение.
  4. Перейдите к блоку YouTube или Vimeo Gutenberg, щелкнув значок + в верхнем левом углу или на экране редактирования.
  5. Выберите блокировку для сторонней видеослужбы, которую вы используете. Для этого урока мы выбрали YouTube.
  6. Скопируйте и вставьте URL-адрес YouTube для своего видео в блок, затем нажмите Вставить .
  7. Нажмите Опубликовать или Обновить , чтобы сохранить изменения.

Встраивание видео в область виджетов

Как и в предыдущем случае, перед выполнением следующих шагов вы должны сначала загрузить свое видео на YouTube или Vimeo.

  1. Войдите в панель управления WordPress.
  2. Перейдите к Внешний вид> Виджеты .
  3. Прокрутите вниз, пока не увидите виджет Видео , затем переместите его в область виджетов.
  4. Добавьте заголовок для вашего видео, затем щелкните Добавить видео .
  5. Щелкните Insert from URL , скопируйте и вставьте URL-адрес видео YouTube или Vimeo в поле, затем щелкните Add to Widget .

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

  6. Завершите задачу, нажав Сохранить .

Загрузка видео в WordPress

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

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

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

Следуйте инструкциям ниже, чтобы загрузить и добавить видео в WordPress:

Загрузка видео в медиа-библиотеку

  1. Войдите в свою панель управления WordPress.
  2. Перейдите к Медиа> Добавить новый .
  3. Щелкните Выберите файлы , выберите видеофайл, затем щелкните Открыть . Вы также можете перетащить файл из папки File Explorer на вашем компьютере в область загрузки на панели инструментов WordPress.
  4. После загрузки видео в строке состояния будет отображаться 100%.

Добавление видео в сообщение или страницу

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

  1. Войдите в свою панель управления WordPress.
  2. Переход к страницам или сообщений.
  3. Отредактируйте существующую страницу или сообщение, или создайте новую страницу или сообщение.
  4. Перейдите к блоку Video Gutenberg, щелкнув значок + в верхнем левом углу или на экране редактирования.
  5. В видеоблоке щелкните Media Library , выберите видео, которое вы только что загрузили, затем щелкните Select .
  6. Убедитесь, что вы нажали Опубликовать или Обновить , чтобы сохранить изменения.

Дополнительные советы и рекомендации по работе с WordPress можно найти на нашем образовательном канале WordPress!

5 способов попробовать.Советы по видеосъемке включены!

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

Знаете ли вы, что 54% ​​потребителей хотят видеть больше видеоконтента от бренда или компании, которую они поддерживают?

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

Видео стали любимым типом контента потребителей в 2018 году (согласно Animoto). Их отчет о тенденциях показал, что 73% потребителей утверждают, что при принятии решения о покупке на них повлияло присутствие бренда в социальных сетях.

Что это значит для вас?

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

В этой статье мы поговорим о:

  • Минимальные требования при создании малобюджетного видео (логистика и не только)
  • Как встроить видео на свой сайт WordPress

Для тех, кто хочет сразу перейти к закладке, просто нажмите ссылку выше.

Поехали!

Минимальные требования при создании малобюджетного видео (логистика и др.)

Гипотеза : вы не можете позволить себе нанять видеооператора, который сделает эту работу за вас (съемка и монтаж), но вам все равно нужно создать демонстрацию продукта, учебное пособие или видеорекламу.

С чего начать?

1. Подготовка сценария

Теперь, прежде чем приступить к работе со сценарием, вы должны определиться с типом видео, которое вы хотите сделать:

  • Демо
  • Учебник
  • Фирменное видео
  • Интервью
  • Учебные ролики (курс, обучение)

Также подумайте о своей аудитории, ее языке, ее ценностях.

Тогда начнем со сценария (сюжетная линия для видео).

Это может быть что-то вроде ниже. Чем больше подробностей вы предоставите, тем меньше итераций вам понадобится.

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

Посмотрите это видеообъявление для eToro! Он начинается со слов «Конечно, пропустите это видео, как вы пропустили покупку акций Amazon».Вау, ты действительно привлек мое внимание, давай посмотрим, чего ты от меня хочешь.

2. Вдохновение для видеодизайна

Вы можете посмотреть демо конкурсов, их видео на Youtube, портфолио Fiverr.

Также посмотрите некоторые стоковые видео и шаблоны на Pexels (некоторые из них бесплатны, но всегда проверяйте требования, предназначены они для коммерческого использования или нет), Adobe Stock (эти шаблоны можно использовать в продуктах Adobe для редактирования, таких как Premiere Pro), Envato (совместим с Adobe Premiere Pro) или другие.Кроме того, если вам нужны бесплатные стоковые видеоролики, анимированная графика, музыка и звуковые эффекты, Videvo — хорошее место для начала.

Мой совет: сделайте это просто вначале, вы еще учитесь. Делайте это маленькими шагами, ваше следующее видео может быть немного сложнее.

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

3. Инструменты для съемок

Источник: https: // unsplash.com / photos / ZMy5pprZu1s

Минимальная передача:

  • Телефон с возможностями 4K или зеркалка начального уровня с функциями HD.
  • Стабилизатор (если пользуетесь телефоном)
  • Искусственный свет (лампа не обязательно должна быть профессиональной, подойдет бытовая), если у вас нет естественного света или слишком много света. Используйте его под углом 45 градусов от объекта
  • Дополнительно: диффузионная панель (можно даже сделать своими руками). Подробнее об этом в этом руководстве.
  • Дополнительно: микрофон

Совет : используйте рассеянный естественный свет (допустим, вы проводите собеседование). Убедитесь, что у вас чистый, спокойный фон.

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

Пока я играл с бесплатными версиями Vidyard и Drift, они неплохо справляются!

4. Инструменты для редактирования видео

Вот мой список:

  • Veed помогает редактировать видео, добавлять субтитры, расшифровывать аудио и многое другое.
  • Camtasia — недорогой инструмент. Он идеально подходит для демонстрации экрана, демонстрации и обучения!
  • Final Cut Pro для любителей Mac
  • Premiere Pro предназначен для тех, кто хочет большего и готов вкладывать больше времени (много функций, над которыми стоит остановиться) и денег в создание видео.

5. Дополнительные советы по созданию видео

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

Источник: https://unsplash.com/photos/NeWmr345VC4

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

Я всегда говорю «Тест, тест, тест». Сделайте что-нибудь с ограниченным бюджетом, получите обратную связь, а затем оптимизируйте.

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

В маркетинге мы всегда говорим, что в контент-стратегии на создание контента приходится 20% инвестиций, 80% должно приходиться на продвижение.

Что это значит?

Разместите свое видео на своем веб-сайте / блоге, в социальных сетях, на Youtube и Vimeo.

Затем продвигайте его в своих информационных бюллетенях, сообщениях в социальных сетях и через партнеров.

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

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

Хорошо, теперь вы создали свое видео … как разместить его на своем веб-сайте?

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

Я покажу вам, как сделать и то, и другое. Но всегда есть «но».

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

С другой стороны, когда вы встраиваете видео с Youtube, вы получаете что-то из опыта Youtube (автовоспроизведение, контроль скорости и многое другое). Это обеспечит лучший пользовательский опыт.

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

1. Используйте функцию «Добавить медиа» в WordPress

Если видео хранится локально на вашем компьютере

  1. Перейти к записи / странице WordPress
  2. Выберите «Добавить медиа» и загрузите видео. Вы даже можете использовать стоковые видеоизображения, взятые из таких библиотек, как Mazwai.
  3. Вставьте недавно добавленные медиафайлы (также укажите альтернативный текст, это может помочь с поисковой оптимизацией)

Если видео загружено на Youtube:

  1. Зайдите на Youtube и скопируйте URL своего видео
  2. Зайдите на свои страницы WordPress или опубликуйте
  3. Выберите «Добавить медиа».
  4. Добавьте URL Youtube и вставьте видео в свой пост / страницу

Я думаю, что нет ничего проще.

2. Используйте метод внедрения iFrame

Да, это может показаться модным, но это простой способ встраивать видео практически в любое место!

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

Что тебе нужно делать?

  1. Перейти к видео на Youtube
  2. Выберите «Поделиться» из вариантов под видео
  3. Выберите опцию «встроить»
  4. Скопируйте крошечный фрагмент кода
  5. Перейдите в свой пост WordPress или на страницу
  6. Перейти в текстовый редактор WordPress
  7. Вставьте код

3.Добавление видео на боковые панели веб-сайтов WordPress

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

  1. Перейдите в панель управления WordPress, выберите «Внешний вид» -> «Настроить»
  2. .

  3. В меню настройщика выберите «Виджеты».
  4. Выберите виджет видео
  5. Загрузите свое видео или вставьте URL-адрес видео и нажмите «Вставить».

Не забудьте сохранить страницу и опубликовать ее!

4.Встраивание видео в редактор Гутенберга

В Гутенберге у вас есть возможность добавить Youtube, Vimeo или другие видеоблоки. Вот как вы это делаете:

  1. Добавить видеоблок
  2. Вставьте URL-адрес вашего видео

И готово 🙂

5. Используйте плагины для встраивания видео для WordPress

Это один из моих нелюбимых методов. Чем больше плагинов вы используете, тем менее производительным будет ваш сайт.

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

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

Если вы не знаете, как работать с плагинами, это руководство покажет вам, как это сделать (менее чем за 3 минуты).

Вот и все, ребята!

Выводы

Встраивание видео в веб-сайты WordPress — это просто.

Душевная боль — это создание видео.

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

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

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

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