Как добавить видео из Ютуба на сайт wordpress

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

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

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

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

Сложнее дело обстоит, если вы хотите добавить видео с какого-нибудь видеохостинга, например Youtube, Rutube и т.п. Часто бывает, что при переходе из визуального редактора в html редактор, код с видео просто пропадает. Это ужасно злит.

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

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

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

Затем переходим на наш блог, на страницу редактирования записи, и вставляем полученный код в нужное место, НО вставлять код нужно ТОЛЬКО В HTML РЕЖИМЕ редактора, иначе вместо видео в статье выведется этот код. Перейдите во вкладку HTML и вставьте код в нужное место, затем сохраните статью.

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

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

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

• Скачиваем архив с плагином
• Заливаем его на хостинг в папку wp-content/plugins
• В админке блога, в пункте Плагины, активируем плагин Video Embedder.

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

video_id здесь, это идентификатор видео. В настройках плагина, внизу, есть справка, в которой показано, где взять video_id для каждого видеохостинга.

Например, чтобы вставить все то же видео с Джигурдой с Youtube.com, необходимо на странице с видео, в адресной строке, скопировать все, что находится после знака «=», то есть B9cQ9gOSEIk — это и есть video_id

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

Вот что выведет этот код :

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

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

Источник: seostage.ru

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

Создание контента в редакторе блоков

Автор Александр На чтение 7 мин Просмотров 278 Опубликовано 20.09.2020

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

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

Цели обучения

В данной публикации вы узнаете:

• как добавить видео в ваши посты;
• как редактировать видео с помощью боковой панели и панели инструментов;
• как добавить встраивание в ваши посты;
• как редактировать вставки с помощью боковой панели и панели инструментов.

Добавление видео в WordPress в пост

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

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

• Нажмите значок плюса в верхнем левом углу панели инструментов. Откроется всплывающее меню.
• Выберите блок видео. Блок будет добавлен в пост.

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

• Введите «видео» в поле поиска всплывающего меню (см. Изображение 1).
• Выберите блок видео.

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

Для того, чтобы загрузить видео в пост, сделайте следующее:

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

Редактирование видео в медиа библиотеке

В медиатеке есть несколько вариантов редактирования видео. Пока вы не можете сделать изменения в самом видео, вы можете: заголовок, подпись и описание (см. Изображение 2).

Боковая панель видео блока

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

• Включение опции Автовоспроизведения позволяет автоматически начать играть, когда посетители открывают ваш пост. Мы не рекомендуем это. Видео, которое автоматически начинает играть, может быть в лучшем случае разрушительным, а в худшем – раздражающим.
• Включение опции Зациклить воспроизводить видео с повтором. То есть, как только видео закончится, оно начнёт воспроизводиться с самого начала.
• Включение опции Приглушённый автоматически выключит звук видео. Если посетители захотят услышать звук, им нужно будет самим включить его при управлении воспроизведением.
• Включение опции управление воспроизведением позволяет посетителям управлять воспроизведением, ставить на паузу, перемотать видео в нужное место. С помощью элементов управления воспроизведением можно также отрегулировать или отключить звук, воспроизвести видео в полноэкранном режиме и загрузить видео. Включение этой опции рекомендуемо. Если у вас не включена эта настройка, можно просто нажать кнопку остановки воспроизведения и видео не будет воспроизводиться.
• Предварительная загрузка (3 в изображении 3) позволяет выбрать, какая часть видео автоматически загружается, когда посетитель открывает ваш пост.

Есть три варианта, из которых вы можете выбрать:

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

Примечание: в WordPress 5.3 есть дополнительная опция Воспроизводить встроенным .

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

• Нажмите на кнопку «Изображение постера» – Выбрать. Экран библиотеки мультимедиа будет открыт.
• Выберите нужное изображение из медиатеки, нажав на него. Кроме того, если изображение не доступно в вашей медиатеке, вы можете перейти на вкладку «Загрузить файлы» и загрузить изображение оттуда.
• Нажмите кнопку «Выбрать» в правом нижнем углу экрана.

Очень важно знать, как загрузить видео. Это также важно, когда вы загружаете видео на свой сервер.

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

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

Вы можете сделать это с помощью параметра «Вставить из URL» в блоке видео. Кроме того, вы можете добавлять видео с помощью блока «Вставки».

Добавление вставки в пост

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

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

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

Для того, чтобы добавить видео с YouTube, выполните следующие действия:

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

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

Например, вы можете добавить видео трансляции прямо со страницы трансляции. Кроме того, вы можете добавить Сообщения Reddit, Twitter и Facebook; изображения из Instagram и Flickr; музыку из Soundcloud; и даже кампании от Kickstarter.

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

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

Новое: обновление WordPress 5.3 и выше- Блок для встраивания

Когда вы нажимаете на значок плюса, чтобы добавить блок, в WordPress 5.3 и выше вы увидите новую колонку с дополнительной информацией (см. изображение 5). Кроме того, как только вы добавите блок, вы увидите инструкции о том, как добавить контент, а также возможность прочитать больше о вставках

Ключевые моменты по теме “Добавление видео в WordPress”

В этой и предыдущей статьях мы узнали:

• Добавление изображений, видео, встраиваний к сообщению осуществляется с использованием блоков. Разные блоки имеют разные опции на боковой панели. Вы можете использовать эти опции для редактирования медиа, которое вы добавляете в сообщение.
• Медиа-блоки можно редактировать на панели инструментов.
• Изображения и видео могут быть загружены с вашего жесткого диска; добавлены из Медиа библиотеки; добавлены с внешнего URL-адреса или перетаскиванием в пост.
• Загрузка видео на ваш сайт может повлиять на скорость вашего сайта. Поэтому вам следует выбирать, какие видео загружать.
• Встраивание удобного средства добавления видео, а также другого содержимого со сторонних сайтов на ваш пост.

Источник: zarubinaleksandr.com

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

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

И так, теперь о том, как вставить видео c Youtube на сайт.
Если сказать коротко, то нужно просто код или url видео клипа скопировать к себе на сайт, на ту страницу, где вы хотите его разместить.
Я объясню, как вставить видео на сайт, на примере одного ролика со своего канала на YouTube.

Открываете видео. Чтобы скопировать код ролика, нажимаете кнопку «Поделиться», затем «HTML-код».
Скопируйте этот код полностью и вставьте его к себе на блог, туда, где вы хотите разместить видео ролик.
Да, забыл уточнить, код вставляйте обязательно в текстовом режиме HTML-кода, а не в визуальном.

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

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

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

Или добавьте в свой код запись ?rel=0 , сразу после названия ролика.
На изображении участок кода, который нужно добавить подчеркнут.
Так удобно сделать, если вы хотите изменить настройки своих видео роликов, которые уже установлены на сайт.
Если включить режим повышенной конфиденциальности, то сервис YouTube не будет сохранять информацию о ваших посетителях, которые не смотрели видео.

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

Если ваш сайт не поддерживает новый код, который заключен в теги iframe , то установите галочку в пункте «Использовать старый код вставки», этот код начинается с тега object .
Разница между ними в том, что старый код поддерживает только технологию Flash, а новый и Flash и HTML5.

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

Как видите сложного тут нет ничего, и добавить видео с YouTube на сайт, может любой вебмастер.
Кстати на YouTube можно смотреть видео в режиме ТВ или видео плеера, что делает просмотр еще удобней.
Удачи!

Источник: uznaytut48.ru