Эффективная медийная подача контента способствует лучшему восприятию информации. Инструкции, руководства или учебные материалы станут более понятными, если их текст будет дополняться видеороликами. Если вы ведете блог на платформе WordPress, вы, вероятно, задумывались о том, как правильно добавить видео с YouTube или Vimeo. Давайте рассмотрим несколько простых методов.
Первый и самый простой способ — это вставка видео через ссылку. Для этого просто скопируйте URL-адрес видео и вставьте его в текстовый редактор WordPress. Платформа автоматически распознает ссылку и преобразует её в встроенное видео.
Если вы хотите больше контроля над размером и отображением видео, используйте блок «Встраивание». В редакторе Gutenberg добавьте новый блок, выберите «Встраивание» и вставьте ссылку на видео. Вы также можете настроить параметры отображения, такие как ширина и высота.
Также стоит упомянуть возможность загрузки видео на собственный сервер. Для этого в разделе «Медиафайлы» выберите «Добавить новый» и загрузите нужный файл. Но учтите, что это может увеличить нагрузку на ваш хостинг и замедлить работу сайта.
Не забудьте оптимизировать видео для быстрой загрузки, сжимая его заранее с помощью специальных программ или онлайн-сервисов. Это также поможет улучшить SEO вашего сайта, так как скорость загрузки является важным фактором.
В заключение, интеграция видео в ваш контент может значительно повысить его привлекательность и понять. Выбирайте удобный для вас способ и экспериментируйте с различными форматами!
Вставка с Ютуба вручную
Для вставки ролика с YouTube выполните следующие шаги:
1. Нажмите на кнопку Поделиться под видео.
2. Выберите Копировать.
3. В редакторе добавьте блок Видео и выберите опцию Вставить с сайта.
4. Вставьте скопированную ссылку, используя комбинацию [Ctrl]+[V], и затем подтвердите действие, нажав Применить.
Важно: Убедитесь, что видео, которое вы вставляете, доступно для просмотра и не имеет ограничений по рекламе или гео-блокировке. Если вы планируете использовать видео в коммерческих целях, проверьте условия использования контента, чтобы избежать нарушения авторских прав.
Также, если вам необходимо изменить размер вставленного видео, вы можете сделать это, отредактировав размеры блока Видео в редакторе или добавив дополнительные параметры в исходный код, если ваш редактор это поддерживает.
В некоторых случаях может понадобиться активировать возможность просмотра видео на мобильных устройствах. Убедитесь, что ваш блок поддерживает адаптивный дизайн, чтобы пользователи могли удобно просматривать контент на любых гаджетах.
Вставка с YouTube плагином
Существует несколько плагинов для WordPress, которые упрощают процесс вставки видео с YouTube и других видеосервисов. Рассмотрим некоторые из них.
OmniVideo
Расширение OmniVideo стало популярным в условиях замедления загрузок с YouTube и позволяет не только добавлять видео на сайт, но и устранять связанные с этим проблемы.
Какие проблемы могут возникать:
При внедрении видео напрямую оно загружается через фреймы. Это означает, что когда пользователь открывает страницу, начинаются загрузки ресурсов, которые могут быть ему не нужны, особенно если он не собирается смотреть этот ролик.
Кроме того, видео с YouTube воспринимается как внешняя ссылка, что может негативно сказываться на SEO.
Также при прямой вставке не используются микроразметки, которые критически важны для видео-контента на сайте.
С помощью OmniVideo видео из YouTube внедряется без начальной загрузки внешних ресурсов (они начинают загружаться только по нажатию на кнопку «Play», а постер загружается на сервер сайта). Ссылка может быть замаскирована. Плюс блок с видео автоматически получает нужные микроразметки.
Важно отметить, что OmniVideo поддерживает не только YouTube, но и многие другие видеохостинги, такие как Rutube, Mail, Vimeo, ВК Видео, Дзен, Kinescope и другие.
Ролики можно вставлять как в классическом редакторе, так и в Gutenberg.
В классическом редакторе используйте шорткод, настраивая его параметры: ссылки на видео, заголовок, дизайн и описание. Пример шорткода:
[omnivideo title="Видео" default="vk" vk="https://vk.com/video-137277177_456239073" youtube="https://youtu.be/1TelHiEIGwI" poster="auto" style="pills"]Рекомендуется ознакомиться со статьей «Как вставить видео с YouTube в WordPress», где детально описаны функции OmniVideo и доступные параметры.
В редактировании Gutenberg есть специальный блок OmniVideo, в котором можно выбрать нужные параметры из выпадающих списков и указать ссылки на ролики с различных видеосервисов.
OmniVideo полностью на русском языке, включая всю документацию. Это расширение платное, но сейчас его можно приобрести со скидкой по специальному коду ниже.
Промокод на OmniVideo
ARVE
Рассмотрим популярное дополнение ARVE (Advanced Responsive Video Embedder), которое поддерживает работу с YouTube и Vimeo. Вот его основные преимущества:
- поддержка всех видеохостингов;
- возможность использования шорткодов;
- адаптивное встраивание;
- автоматическая настройка соотношения сторон;
- возможность автозапуска видео.
Для вставки видео на сайт WordPress с помощью ARVE следуйте простым шагам.
1. Установите и активируйте плагин.
2. В редакторе записи добавьте блок Шорткод и вставьте в него следующую строку:
В качестве URL укажите адрес видео.
3. После вставки шорткода вы можете настроить его параметры, такие как размер плеера и способ отображения видео.
4. Не забудьте проверить отображение видео на различных устройствах, чтобы убедиться в его адаптивности.
Кроме того, ARVE позволяет добавлять дополнительные атрибуты, такие как rel="0" для отключения рекомендаций в конце видеоролика, что может быть полезно для управления вниманием пользователей.
Также не забудьте ознакомиться с документацией ARVE, чтобы узнать о других полезных функциях и настройках, которые могут улучшить работу с видео на вашем сайте.
Загрузка ролика с компьютера
Если вы не желаете использовать сторонние сервисы, есть возможность разместить видеофайл непосредственно на сайте. Для этого откройте запись для редактирования и выберите блок Видео. После нажатия на кнопку Загрузить, выберите файл с вашего устройства.
После успешной загрузки видео появится на странице вашего сайта.
Обратите внимание, что размер загружаемого видеофайла может быть ограничен настройками вашего хостинга. Если вы не можете загрузить видео, проверьте ограничения на размер файлов в настройках медиабиблиотеки или обратитесь к вашему провайдеру хостинга.
Рекомендуется использовать видео в форматах, поддерживаемых большинством браузеров, таких как MP4, WEBM или OGG. Это обеспечит максимальную совместимость с различными устройствами и платформами.
Обсуждение: 1 алекс 07.05.2024 в 13:20
Добрый день!
Если вы знаете, подскажите, пожалуйста, плагин, который позволит воспроизводить видео до загрузки главной страницы сайта.
Задать вопрос Отменить ответ
