Существует два способа для вставки видео на WordPress сайт. Первый метод связан с URL адресом видеоролика, а второй с кодом видеоролика.

Первый вариант вставки видео

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

Копируем адрес видеоролика.Копирование адреса видеоролика

 

Заходим в админку WordPress, создаем запись и нажимаем “добавить медиафайл”.Видеофайл в ВП

 

Вставляем скопированный URL страницы с видеороликом.

Нажимаем “вставить в запись” и получаем видеоролик на странице WordPress.

Вставка адреса

 

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

Под видеороликом щелкаем на кнопку “поделиться” и выбираем подходящие настройки для видео. После выделяем и копируем код видеоролика.Ютуб код в ВордПресс

 

Вставляем код видеоролика в текстовый формат записи или страницы. После этого процесса вы увидите видеоролик в WordPress.

Вставка кода

CSS оптимизация видео в WordPress

Не всегда видеоролик отображается грамотно на страницах сайта. Для изменение внешнего вида ролика необходимо зайти во “внешний вид – настроить”.

Изменить стили в вордепрессе

 

Для всех Ютуб видеороликов можно задать одинаковые параметры.

  • height – высота видео (задается в пикселах).
  • width – ширина видео (лучше задавать 100%, чтобы видео занимало всю доступную площадь по горизонтали).
  • border – рамочка. Перейдите по ссылочке чтобы научится создавать красивые рамочки и тени в WordPress.
iframe {
height: 400px;
width: 100%;
border: 2px inset white;}

CSS видео с Ютуба

 

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