В этой статье описаны некоторые фишки как вставить видео с youtube на сайт. Вроде бы вставить видео с youtube на сайт wordpress не так уж и сложно, однако есть различные варианты. как вставить видео с youtube на сайт wordpress

Варианты вставок видео YouTube вставлять являются отличным способом получить более профессиональный вид встроенных видео. Хитрость заключается в том, чтобы понять, какие коды использовать и как вставить их в код для вставки YouTube.

Кажется, что это не так просто. но на самом деле это не так.

Воспринимайте эту статью как краткое руководство.

Как вставить видео с youtube на сайт wordpress

Как найти основной код

Если у вас есть видео, размещенного на YouTube, которое вы хотите встроить на свой сайт, вы просто должны нажать “share” и “embed”, чтобы получить основной код (см стрелку на картинке).

как вставить видео с youtube на сайт
Это пишут на многих сайтах. Лично я не нашла такую страницу.

Зато нашла такую, находится под видео при просмотре в вашем аккаунте.как вставить видео с ютуба на сайтИли просто использую этот код.

Или самый простой вариант написать ссылку на видео и все.

Обратите внимание – размеры плеера разные.

Где взять адрес ссылки? 

Я уже писала как создать свой канал, в менеджере видео в основной информации можно найти ссылку.

как вставить видео с ютуба на сайт

Как настроить встроенное видео

Ключом к настройке является ввод дополнительного кода.

YouTube дает нам всем краткое изложение всех вариантов на их сайте разработчика .

Я хочу обсудить несколько популярных из них.

Функция “autoplay” позволяет немедленно начать видео при загрузке страницы. (Значение “1” означает это). Чтобы вставить это в код, вы бы просто использовать символ “?”, А затем “autoplay = 1”

Поверьте, это работает исправно, сначала такой вариант здесь был, но меня саму же стало раздражать самопроизвольное включение.

Функция “controls” позволяет скрыть или показать элементы управления видео. Чтобы скрыть элементы управления, вставить символ “&”, а затем “controls = 0” сразу после кода.

В “showinfo” код скрывает строку заголовка YouTube. Чтобы скрыть информационную панель, надо вставить символ “&” и “showinfo = 0”

Для того, чтобы удалить похожие видео в конце видео вставить “&”, то “rel=0″, вот так:

Давайте попробуем каждый из вариантов внедрения видео с ютуба и наглядно посмотрим, что каждая добавка кода будет делать.

Для справки, вы можете найти окончательный список параметров, который можно использовать для встраиваемых YouTube видео:  https://developers.google.com/youtube/player_parameters?csw=1. 

Вот изначальный код видео с ютуба.


Autohide
Это “автоматическое скрытие.” Автоскрытие имеет три значения, “2” – вначале находится картинка по умолчанию и видео исчезает в то время как пользователь управляет видимостью, “1” – скрывает индикатор и управление плеером через несколько секунд и “0” – контроль и пользователь виден всегда. Не совсем поняла кому это нужно, да и разницы особой не увидела, если поставить например значение 1. Но можете попробовать, вдруг все-таки есть какой то смысл.

cc_load_policy

Это позволяет вывести титры, даже если у пользователя титры по умолчанию отключены. Значение “0” означает удаление подписи, а значение “1” выводит подписи.

color

Параметр color диктует цвет, индикатор показывает на видео. Есть два параметра, чтобы выбрать : “красный” и “белый”. Красный по умолчанию, вот пример параметра «белый»:

disablekb

Параметр disablekb отключает управление видео от клавиатуры. Значение этого параметра равно “0” по умолчанию, но может быть изменено на “1”, чтобы отключить управление видео от клавиатуры.


Кстати, управлением клавиатуры YouTube являются:

Spacebar:  воспроизведение / пауза
Arrow Left: перейти обратно на 10% в текущем видео
Arrow Right:   перейти вперед на 10% в текущем видео
Arrow Up:   подъем вверх
Arrow Down:   вниз

Этим приемом пользуются для агрессивной рекламы, когда при открытии страницы включается видео и ничего невозможно сделать, пока не закончится просмотр. Ну, кроме закрытия страницы, конечно.

enablejsapi

Enablejsapi позволяет включить Javascript API для управления плеером YouTube. Если вам нужен этот параметр (который “1” для включения и “0” по умолчанию, кстати), то можно прямо сейчас прекратить чтение этого поста, но, наверное, не нужно это нам сейчас. Продолжим.

end

Параметр “end” позволяет определить продолжительность (в секундах), пока ваше видео будет играть, а затем остановится. Обратите внимание, что время от начала видео, а не от параметра “start”, что обсуждается в данный момент. И еще, YouTube говорит, что это не работает для HTML5.

 

Продолжение можно будет прочитать в следующей статье.

Статьи по теме:

НадеждаWordPressДля ютубютуб
В этой статье описаны некоторые фишки как вставить видео с youtube на сайт. Вроде бы вставить видео с youtube на сайт wordpress не так уж и сложно, однако есть различные варианты.  Варианты вставок видео YouTube вставлять являются отличным способом получить более профессиональный вид встроенных видео. Хитрость заключается в том, чтобы...

Возможно Вас также заинтересует:

Шпаргалка для ютуб
Полгода назад создала свой канал на ютуб. Продвижение и создание канала отличается от продвижения и создания сайта однозначно.
Как ускорить сайт на wordpress, выключив HeartBeat API
Всем привет. Продолжаем тему ускорения сайта на wordpress. В статье Как ускорить wordpress с помощью минимизации CSS, HTML и Javascript мы убрали лишнее из файлов, но ...
35 лучших бесплатных тем WordPress
Сообщество WordPress большое. Действительно большое. Есть тысячи дизайнеров и разработчиков, десятки тысяч писателей, и миллионы пользователей, все это способствует развитию WordPress.
18 бесплатных плагинов для таймеров обратного отсчета на сайт
Эта статья посвящена бесплатным плагинам для таймеров обратного отсчета на сайт. 
Как сделать в wordpress последние записи с миниатюрами
Эта статья о том, как сделать в wordpress последние записи с миниатюрами. Делать это мы будем с помощью плагина Newpost Catch. 
10 лучших бесплатных тем WordPress
В этой статье рассмотрены 10 лучших бесплатных тем WordPress, чтобы помочь найти то что вы ищете. В самом деле много сайтов и много шаблонов, иногда часами ...
WordPress 4.3 – что нового?
Конечно, я не могу охватить все новости о WordPress, но могу довести до вашего сведения о новой версии WordPress4.3, выпущенное в августе месяце. 
4 лучших плагина WordPress для шрифтов
Статья посвящена обзору плагинов WordPress для шрифтов.