Полезные YouTube фишки для инфобизнеса

Полезные YouTube фишки для инфобизнеса

Привет, коллеги!
Часто возникает необходимость встраивать видео с youtube на свои страницы: сайты, блоги, страницы подписки и так далее. Но предоставляемый сервисом код для вставки по умолчанию не всегда отвечает необходимым требованиям, когда нужно, чтобы видео стартовало сразу после загрузки страницы или через какое-то время, чтобы не отображалась лишняя информация, чтобы видео запускалось сразу в высоком качестве или с определенной секунды, чтобы по окончанию проигрывания видео не отображались похожие ролики и так далее. Для этого необходимо знать некоторые тонкости, о которых мы поговорим в этой статье.

Видео с ютуба Видео с ютуба без лишних кнопок

 

Стандартный код, который предоставляет ютуб, выглядит следующим образом:

вставка видео youtube

 

Часть кода, которая интересует нас начинается после src=» и заканчивается кавычками, т.е. в данному случае вот это:src=»//www.youtube.com/embed/tBPjLcfH_Jk?rel=0″, вписывая после 0 различные параметры мы можем менять параметры встраивания видео. Параметры начинаются с символа & и заканчивается каким-то значением, например: 1

Существует список параметров для того, чтобы можно было детально настроить то, как будет отображаться встраиваемое видео с youtube на сайте. Вот этот список, многие коды из которого в большинстве случаев не указываются:

Список параметров для вставки видео с youtube:

&rel=0 – используется, если необходимо, чтобы после проигрывания вашего видео не отображался список похожих видео(значение, равное 1 — наоборот указывает на то, что необходимо показывать похожее видео)
&showinfo=0 – код для вставки видео без вывода его названия и рейтинга в плеере.
&controls=0 — этот параметр позволяет скрыть панель управления воспроизведением роликом с ютуба. То есть не будет отображаться полоса прокрутки и другие клавиши управления роликом — только само видео.
&autoplay=1 – этот код позволяет запустить проигрывание видео-ролика сразу же после загрузки страницы сайта
&loop=1 – параметр зацикливает воспроизведение видео ролика на вашей странице
&hl=ru_RU – используется, чтобы установить язык интерфейса видео по умолчанию на русском языке
&enablejsapi=0 — запрещает возможность использования API Javascript
&egm=0 – код для запрета всплывающего расширенного меню.
&border=0 – код убирает рамку вокруг видео. Можно также изменять цвет рамки: основной с помощью параметра с названием color1, а дополнительный — с помощью параметра с названием color2. Значения задаются с помощью указания любого значения RGB в шестнадцатеричном формате.
&fs=0 – используется, чтобы запретить возможность просмотра видео во весь экран
&start=200 – этот код запускает видео с 200 секунды, чтобы запустить ютуб ролик на вашей странице с необходимой секунды, вместо 200 — указываете необходимое вам значение.
&fmt=6 – код ютуб ролика задает качество видео. &fmt=18 делает качество еще лучше, а &fmt=22 будет наилучшим. Используется также параметр &hd=1 для высокого качества по умолчанию.
&disablekb=1 – этот параметр запрещает управление видео с помощью клавиатуры.
&showsearch=0 – запрет на показ окна поиска, когда роли в уменьшенном виде.
&start=10 – этот параметр позволяет запустить встроенный видео ролик через 10 секунд, после загрузки самой страницы

Самый простой способ

Можете воспользоваться сервисом, который поможет сгенерировать правильный код: Ютуб Профессионал

сервис для ютуба

Примеры кода для вставки видео с ютуба с различными параметрами, полезными в инфобизнесе:

Оптимальный код для вставки видео на страницу подписки

Данный вариант параметров подойдет для вставки видео на вашу страницу подписки (Landing Page). Это видео не имеет панели управления (кнопок воспроизведения, настройки звука и всех остальных, включая возможность перематывать видео) — это делается с помощью кода: &controls=0, не отображает лишней информации (параметр &showinfo=0), а после воспроизведения не показывает список похожих видео &rel=0. Также для лендинга чаще всего необходимо ,чтобы видео начало проигрываться сразу же после загрузки страницы — это делается одним параметром &autoplay=1. Каждый из параметров вы можете настраивать и дополнять, и конечно же в первую очередь необходимо поменять адрес видео до знака ? (//www.youtube.com/embed/tBPjLcfH_Jk) на адрес вашего видео, а вот и итоговый пример:

<iframe width=»560″ height=»315″ src=»//www.youtube.com/embed/tBPjLcfH_Jk?rel=0&autoplay=1&controls=0&showinfo=0″ frameborder=»0″ allowfullscreen></iframe>

Код для вставки видео на продающей странице

Этот код подойдет для встраивания вашего видео с youtube просто среди текста продающей страницы или на сайте, если вам не нужно автовоспроизведение (&autoplay=0), но важно хорошее качество (&hd=1) и также не нужен показ подобных видео (&rel=0) и возможность показа во весь экран — в общем-то ни к чему(fs=0). Каждый из параметров вы можете настраивать и дополнять, и конечно же в первую очередь необходимо поменять адрес видео до знака ? (//www.youtube.com/embed/tBPjLcfH_Jk) на адрес вашего видео, а вот и итоговый пример:

<iframe width=»560″ height=»315″ src=»//www.youtube.com/embed/tBPjLcfH_Jk?rel=0&autoplay=0&showinfo=0&hd=1» frameborder=»0″ allowfullscreen></iframe>

Как это выглядит?!

 

Параметры width=»560″ height=»315″ — задают ширину и высоту встраиваемого видео.

Применив то, что написано в статье, вы сможете встраивать видео-ролики с ютуба на ваши сайты и лендинги, с необходимыми вам параметрами и не терять подписчиков из-за ухода их на сайт самого видео или дополнительно увлекать новых пользователей, благодаря автоматическому старту воспроизведения видео. Успехов!

Ссылка на справку от гугла (на английском)

Комментировать

Your email address will not be published. Необходимо заполнить поля, отмеченные *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>