Вставити відео з YouTube в WordPress
- Від автора
- Вставити відео з YouTube через код Html iframe
- Як скласти код Html iframe для будь-якого відео по його URL
- Особливості вставки відео з YouTube через код Html iframe
- Вставити відео з YouTube в WordPress по URL
- Вставити відео з YouTube в WordPress
- Як вставити відео з YouTube в WordPress за допомогою шорткодов
- Вставити відео з потрібними розмірами
- Змінити параметри вставленого відео
- Ще один спосіб вставити відео з YouTube в WordPress короткий код embed
Від автора
Стаття застаріла, але все короткі коди продовжать працювати. У версіях 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, достатньо скопіювати 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 в WordPress
Сама просте рішення для вставки відео YouTube в статті сайту WordPress це в візуальному редакторі WP, в окремому рядку і без пробілів з обох сторін, вставити повний 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.
embed URL відео / embed (обидва тега в квадратних дужках [] ... [])
Примітка: У всіх шорткодах все пишеться без пробілів, в латинському регістрі.
На цьому все, тепер ви знаєте як, вставити відео з YouTube в WordPress.
© www.wordpress-abc.ru