Як вставити відео на wordpress сайт

Сучасний сайт важко уявити собі без відеоматеріалу. Позитивний ефект наявності відео на сайті можна характеризувати декількома факторами:

• Багато відвідувачів воліють перегляд відеоматеріалу замість читання тексту. Так їм зрозуміліше і цікавіше.
• Сама присутність відеоматеріалу на сайті налаштовує відвідувача на те, що сайт якісний і корисний. Відвідувач довше затримується на такому сайті.
• Відео краще запам`ятовується і спонукає відвідувачів знову повертатися на Ваш сайт / блог.
• Відеоконтент сприяє підвищенню конверсії Вашого ресурсу, тобто скоєння відвідувачем очікуваних від нього дій: покупки товару, підписки, реєстрації, телефонного дзвінка і т. Д.
• Пошукові системи лояльніше ставляться до сайтів з відеоконтентом.
• Використання відео для реклами товарів дозволяє збільшити продажі.

Сумнівів в користі відеоконтенту сьогодні немає ні в кого, причетного до сайтобудування та використанню сайтів / блогів будь-якого призначення. При бажанні, ви можете використовувати відео як інструмент для просування і маркетингу свого сайту, наприклад, приховавши частину відео за допомогою скрипта соціального замку, де для подальшого перегляду від користувача потрібно поділитися сторінкою вашого сайту в соціальних мережах.

Сайти на WordPress і відеоконтент

Сайти на WordPress можна легко наповнити відеоматеріалами з загальнодоступних відеохостинг, наприклад, з You Tube і Vimeo. Процедури додавання відео з цих ресурсів практично однакові. Існує багато уроків WordPress, що розповідають про те як додати на сайт відео за допомогою плагінів, але сьогодні ми розберемо як додати відео на WordPress сайт без використання плагінів.

Додавання відео з сайту YouTube

Як приклад використовуємо ролик «Як вставити відео на блог WordPress». Додати його на наш сайт можна двома способами. Розглянемо їх:

Спосіб 1.

• На консолі свого сайту вибираємо в рубриці «Записи» опцію «Додати нову». Даємо нового запису заголовок і переходимо в редактор. При цьому натискаємо вкладку редактора «Текст», яка дозволяє нам вводити HTML розмітку.
• Якщо необхідно, вносимо в запис свій текст.
• Заходимо на сайт https://youtube.com/ на сторінку з цікавлять нас відеоматеріалом.
• Під зображенням екрану знаходимо кнопку «Поділитися» і вибираємо вкладку з тією ж назвою («Поділитися»).
• Копіюємо адресу файлу з роликом https://youtu.be/_pUo1gj7WQI.
• Переходимо на сторінку записи і в потрібне місце вставляємо цю адресу.
• Закінчуємо оформлення сторінки і натискаємо кнопку «Опублікувати».
• Переходимо на сайт, оновлюємо його і запускаємо плеєр.

Спосіб 2.

• Відкриваємо нову сторінку, пишемо необхідний текст, заходимо на сайт https://youtube.com/ на сторінку з цікавлять нас відеоматеріалом.
• Натискаємо на кнопку «Поділитися», а потім на вкладку «HTML-код».
• Текст коду копіюємо у вікні.
• Повертаємося на сторінку нового запису і вставляємо скопійований HTML-код в потрібне місце.
• Закінчуємо оформлення запису і публікуємо її.
• Дивимося на сайті після поновлення отриманий результат.

Додавання відео з сайту Vimeo

Порядок дії той же, що і при роботі з сайтом You Tube. Відрізняються тільки назви кнопок і вкладок.

Спосіб 1.

• Знайшовши на сайті https://vimeo.com/ потрібний відеоматеріал, натискаємо на кнопку "SHARE" у правому верхньому куті картинки ролика. При цьому відкривається додаткове вікно "Share This Video" з трьома віконцями: "Link", "Email", "Embed.
• У віконечку "Link" копіюємо адресу файлу з роликом.
• Вставляємо скопійований адресу в потрібне місце в запису і продовжуємо дії, як і при додаванні ролика з сайту You Tube.

Спосіб 2.

• Відрізняється від попереднього тим, що в додатковому вікні "Share This Video" у віконечку "Embed" копіюємо HTML-код, а потім вставляємо його на сторінку своєї записи в потрібне місце. Подальші дії не міняються.

Зміна розмірів вікна відеоролика

У WordPress існує можливість змінювати розміри вікна, в якому демонструється ролик. Виконується це застосуванням шорткодов (Shortcode API) - спеціальною функцією, передбаченої в WordPress, починаючи з версії 2.5. Не вдаючись у докладний опис цих дуже зручних інструментів, наведемо вид шорткода для нашого випадку:

• Для You Tube: [embed width = "640" height = "360"] Посилання на відео з YouTube [/ embed]
• Для Vimeo: [embed width = "640" height = "360"] Посилання на відео з Vimeo [/ embed]

Тут width і heigt відповідно ширина і висота вікна для демонстрації ролика. Зверніть увагу: цифри розмірів вікна задаються в пікселях і записуються в лапках. Замість фраз «Посилання на відео з YouTube» або «Посилання на відео з Vimeo» підставляєте скопійовану на відповідному сайті посилання. Посилання як би «упаковані» в код API. Шорткод дозволяє підігнати розмір вікна ролика до оформлення Вашого сайту.

Якщо хочете звернутися до першоджерела, почитайте Кодекс Вордпресс. В оригіналі він викладений на сайті https://codex.wordpress.org/. Це повна документація по WordPress. Про додавання відео на свій сайт, зміні розмірів вікна відео і про доступні для WordPress відеохостингах докладно викладено на сторінці https://codex.wordpress.org/Embeds/.

Використовуйте відео на своєму сайті, це підвищить його привабливість. Удачі!

PS: всі наведені приклади перевірені на чинному сайті з версією WordPress 3.7. Завжди слідкуйте за оновленнями WordPress і вчасно оновлюйтеся.