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

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

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

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

 

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

 

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

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

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

 

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

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

 

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

Вставка кода

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

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

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

 

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

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

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

 

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

Улучшаем скорость сайта при помощи сервиса GT metrix

Улучшаем скорость сайта при помощи сервиса GT metrix

Сайты тормозят из-за большого веса, обилия кода и 100

Читать Далее
Скрываем и показываем слова, картинки, видео

Скрываем и показываем слова, картинки, видео

WordPress может скрывать нужный текст при помощи 100

Читать Далее

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *