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

От автора

Статья устарела, но все короткие коды продолжат работать. В версиях WordPress от 4+, вставка iframe кода видео с YouTube не требуется. Достаточно вставить в визуальном редакторе URL адрес видео из пункта «Поделись» на YouTube.

Из статьи вы узнаете, не только как вставить видео с YouTube в WordPress, но и как самостоятельно менять его размер, как менять время начала и окончание просмотра видео и отключать похожие видео из ролики. Некоторые из предложенных вариантов вставки видео, применимы для всех видеохостингов интернет (vimeo, dailymotion и т. д.)

Вставить видео с YouTube через код Html iframe

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

Синтаксис тега <iframe>…</iframe>.

Код [Html iframe] для видео генерируется на YouTube автоматически. Найти его можно на странице видео, на кнопке «Поделись» → «HTML код».
Вставить видео с YouTube в WordPress
Чтобы вставить видео с YouTube в WordPress , достаточно скопировать Html код в тегах iframe на странице нужного видео и вставить его в текстовом редакторе («Текст») в любое место статьи. Количество кодов [Html iframe] на одной странице неограниченно.
Размер видео окна можно поменять непосредственно по месту, в текстовом редакторе WordPress, изменив нужные значения в коде.

  • height=»высота»;
  • width=»ширина»;
  • scrolling=»прокрутка yes/no”;
  • border-рамка.

Приведу пример кода [Html iframe] со всеми атрибутами, которые возможны.

<iframe src="http://youtu.be/M50TQRjGjks" style="border: 2px #FFFFFF solid;
" name="myiFrame" scrolling="yes" frameborder="1" marginheight="4px" marginwidth="5px" 
height="400px" width="468px"></iframe>

Как составить код Html iframe для любого видео по его URL

В принципе, по URL видео, размещенного на любом видеохостинге, вы самостоятельно можете составить код [Html iframe], хотя бы по шаблону примера выше. Или воспользоваться любым on-line генератором IFRAME, который легко найти в поисковике.

Особенности вставки видео с YouTube через код Html iframe

При вставки видео в статью при помощи тегов <iframе> нельзя переключать режим редактора WordPress. Код iframe вставляется только в текстовом редакторе.

Вставить видео с YouTube в WordPress по URL

Чтобы вставить видео с Youtube в WordPress, способами отличными от перечисленных выше, нужен уникальный URL адрес видео на видео хостинге. Посмотреть URL видео на YouTube можно, открыв видео и кликнув на вкладку «Поделиться». Адрес видео нужно скопировать.

Youtube-url

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

Самая простое решение для вставки видео YouTube в статьи сайта WordPress это в визуальном редакторе WP, в отдельной строке и без пробелов с обеих сторон, вставить полный URL адрес видео в статью. При этом нужно снять с URL видео ссылку.

вставить URL

Как вставить видео с YouTube в WordPress с помощью шорткодов

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

youtube= URL нужного видео с http(s) (всё в квадратных скобках)
вставить шорткод с мини размерами


Для вставки видео с других видео хостингов есть свои, отличительные шорткоды.

Возникает вопрос, а чем собственно шорткод лучше простой вставки URL видео в текст. Хотя бы тем, что при помощи шорткода видео можно вставить в текст статьи, не думая о переносе строк, пробелах сзади и спереди URL. Также в версиях WordPress ранее 3.5 ,чтобы вставлять URL видео в текст, нужно было включить чекбокс «Auto-embeds» в Панель -> Параметры-> Медиафайлы. Также в шорткодах можно изменять параметры видео.

Вставить видео с нужными размерами

Чтобы в шорткоде задать ширину и высоту в явном виде:
youtube = [URL нужного видео с http]&w=320&h=240 (всё в квадратных скобках […] Чтобы указать только ширину:
youtube = [URL нужного видео с http]&w=320 (всё в квадратных скобках)

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

Скрыть похожие видео, которые появляются после просмотра видео
youtube = [URL нужного видео с http] &rel=0 (всё в квадратных скобках)
Изменить начало видео в определенный момент
youtube = [URL нужного видео с http]&start=80 (всё в квадратных скобках)
,где 80 это секунда с которой нужно начать видео.

Чтобы указать время начала и окончания видео
youtube = [URL нужного видео с http] &start=80&end=115 (всё в квадратных скобках)
, где начинается видео с 80-й секунды, а заканчивается на 115-ой секунде.
Примечание: URL нужного видео с http, это URL адрес видео ролика, который вы копируете на YouTube.

Еще один способ вставить видео с YouTube в WordPress короткий код embed

Код embed это очень простой и эффективный способ вставки видео в статьи. Синтаксис вставки простой: обернуть URL видео в теги embed……….. /embed .

embedURL видео/embed (оба тега в квадратных скобках []…[])

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

На этом все, теперь вы знаете как, вставить видео с YouTube в WordPress.

©www.wordpress-abc.ru

Другие статьи раздела: Администрирование WordPress

Похожие посты:

2 комментария к “Вставить видео с YouTube в WordPress”

  1. 2019 год. Оба способа вставки шорткодами с изменением размера не работают. Без указания размеров видео вставляется без проблем, но окно видео очень маленькое(

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

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