1. Як створити кнопку «Відео» в редакторі WordPress.
2. Як вставити відео з YouTube за допомогою кнопки.
3. Як вставити відео без кнопки і без плагіна.
4. Додаткові настройки плеєра.

Привіт, шановні друзі. Як вставити відео з YouTube на сайт, без плагіна? Це питання мені стали задавати після того, як я розповів про вставці відео у вигляді галереї на сторінках сайту.

Від того, які ви ставите завдання, залежить вибір способу додавання відео з каналу YouTube на сайт. Якщо вам потрібно красиво представити відео зі списку відтворення, то це, безумовно, варто зробити через плагін.

Якщо ж, ви хочете вставити один або два відеоролика, то це можна зробити без плагіна. Досить вибрати потрібний ролик і далі вставити невеликий код з посиланням на нього. Все просто я лише поділюся своєю схемою і технічної фішкою для WordPress, яка дозволяє вставляти відео в статті після натискання однієї кнопки.

Як створити кнопку «Відео» в редакторі WordPress.

Отже, для спрощення процедури вставки відео в статті я використовую кнопку «Відео», яку додав в текстовий редактор WP.

Суть полягає в тому, що основа коду вставляється після натискання цієї кнопки, залишається лише додати індивідуальний код відео.

А тепер давайте про все по порядку.

Увага: перед роботою з файлом functions.php - зробіть його резервну копію.

Для того щоб кнопка з'явилася у вас в редакторі, вам необхідно вставити ось цей код в функції теми (functions. Php):

/ * Вставка в редактор кнопки відео * / add_action ( 'admin_footer', 'eg_quicktags'); function eg_quicktags () {?> <script type = "text / javascript" charset = "utf-8"> jQuery (document) .ready (function () {if (typeof (QTags)! == 'undefined') {QTags .addButton ( 'youtube', 'Відео', '<iframe src = \ "https: //www.youtube.com/embed/ \" width = \ "850 \" height = \ "400 \" frameborder = \ " 0 \ "allowfullscreen = \" allowfullscreen \ "> </ iframe> ');}}); </ Script> <? Php}

В якому місці вставляти код.

Для того щоб нічого не зламати, код необхідно вставляти в самому кінці файлу. Як правило, останній елемент коду в цьому файлі - це закриття php (?>). Якщо у вас є такий (?>), Значить, вставляйте код кнопки вище його. А ще краще видаліть його і вставте код кнопки.

Вставка коду в functions.php

Пояснення за кодом.

Помаранчевим кольором позначені ті елементи, які ви міняєте під свій сайт. А, точніше, назва кнопки, ширину і висоту плеєра.

Зберігаємо файл і переходимо до впровадження відео в статті.

Як вставити відео з YouTube за допомогою кнопки.

Насамперед вибираєте відео для вставки на каналі YouTube. У кожного відео є індивідуальний код. Подивитися його можна в адресному рядку браузера. Саме цей код ви виділяєте і копіюєте в буфер обміну (CTRL + C).

Копіювання коду відео

Далі, відкриваєте статтю на сайті, переводите редактор в режим «Текст», встановлюєте курсор в потрібному місці і натискаєте на кнопку «Відео». Тепер встановлюєте курсор, відразу після embed / вставляєте код відео (CTRL + V).

Вставка коду відео

На цьому вся процедура вставки відео з YouTube без плагіна закінчена. Можете зберігати статтю і публікувати.

Як вставити відео без кнопки і без плагіна.

І наостанок, для тих, хто не хоче використовувати кнопку або у кого сайт створений не на WordPress, є ще один простий спосіб вставити відео з каналу Ютуб.

Для цього вам буде потрібно відкрити відео на каналі Ютуб. Під відео є кнопка «Поділитися» - натискаєте на неї - далі, на закладку «HTML-код». Нижче з'явиться код для вставки на сайті.

Посилання на відео

Ви його копіюєте і вставляєте на сайті. Якщо потрібно змінити розміри вікна плеєра, то міняєте параметри width і height.

Додаткові настройки плеєра.

Якщо, це необхідно, то ви можете зробити додаткові налаштування плеєра. Для цього потрібно після індивідуального коду відео поставити знак питання (?) І додати необхідні настройки:

autoplay = 1 - автоматичний запуск відео.

start = 60 - запуск з 60 секунди, це значення задається вами.

showinfo = 0 - приховати верхню панель.

controls = 0 - приховати нижню панель.

modestbranding = 1 - приховати логотип YouTube.

Перший параметр йде після знака питання (?), А всі наступні додаються через амперсанд (&). І виглядати такий код буде приблизно так:

<Iframe width = "560" height = "315" src = "https://www.youtube.com/embed/_jt5B21Tjf4? Autoplay = 1 & start = 60" frameborder = "0" allowfullscreen> </ iframe>

Ось такими простими способами можна вставляти відео в статті на сайтах і блогах.

А тепер пропоную вашій увазі відео по вищеописаним способам, яке теж вставлено без плагіна, але за допомогою кнопки «Відео».

На цьому у мене сьогодні все. Я бажаю вам успіхів і гарного настрою. До зустрічі в нових статтях і відеоуроку.

PS якщо, ви ще не створюєте відеоуроки, які не розміщуєте їх на Ютубі і не заробляєте на них, я раджу вивчити майстер-клас «YouTube Спеціаліст» Олександра Новикова. Де ви отримаєте знання і вміння і почнете заробляти разом з YouTube.

З повагою, Максим Зайцев .