Вставить Youtube видео на сайт! Секретные техники!

 

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

Поехали!

1. Вставляем видео на сайт

Вставить видео на сайт очень просто : необходимо скопировать html код, который предлагает нам YouTube и вставить его в html версию нашей страницы. На данный момент ссылка на видео выглядит вот так :

http://www.youtube.com/watch?v=_ndBzwindo4

 

Результат (после добавления видео на сайт) :

2. Добавляем «автовоспроизведение»

Для того чтобы появилось автовоспроизведение, необходимо добавить в конец ссылки видео вот такой добавочек  ?autoplay=1 :

 http://www.youtube.com/watch?v=_ndBzwindo4?autoplay=1

Результат (первый кадр при загрузке страницы) :

3. Убираем нижнюю панель управления

Если мы уберем эту панель, то человек просто не сможет перематывать видео, или развернуть его на весь экран. Но самое полезное это то, что посетитель случайно (или бывает специально) не перейдет на страницу youtube с нашим видео (это бывает при нажатии на кнопку «youtube» на панели). Для этого нужно добавить код  &controls=0 :

http://www.youtube.com/watch?v=_ndBzwindo4?autoplay=1&controls=0

Результат  :

 

4. Убираем верхнюю панель с инфо

Убрав эту панель наше видео останется совсем без черных полосок, что делает его только лучше. Для этого нужно добавить код  &showinfo=0 :

http://www.youtube.com/watch?v=_ndBzwindo4?autoplay=1&controls=0&showinfo=0

Результат  :

 

5. Запрещаем показывать похожие видео

Если Вы настроите этот пункт, то после окончания видео, человек не увидит какие-то другие видео, и не будет отвлекаться от страницы (очень важно для страниц подписки!) Для этого нужно добавить код  &rel=0 :

http://www.youtube.com/watch?v=_ndBzwindo4?autoplay=1&controls=0&showinfo=0&rel=0

До вставки кода, после окончания видео  :

После вставки кода :

 

6. Вставляем видео на сайт

Теперь для вставки на сайт, мы используем стандартный код Ютуб (место откуда мы его берем показано на картинке 1) и заменяем в этом коде нашу стандартную ссылку :

http://www.youtube.com/watch?v=_ndBzwindo4

на новую ссылку

  http://www.youtube.com/watch?v=_ndBzwindo4?autoplay=1&controls=0&showinfo=0&rel=0

И получаем вот такой вот код :

<object width=»560″ height=»315″><param name=»movie» value=»http://www.youtube.com/v/_ndBzwindo4?autoplay=1&showinfo=0&rel=0&modestbranding=1& version=3&amp;hl=ru_RU»></param><param name=»allowFullScreen» value=»true»></param><param name=»allowscriptaccess» value=»always»></param><embed src=»http://www.youtube.com/v/_ndBzwindo4?autoplay=1&showinfo=0&rel=0&modestbranding=1&controls=0& version=3&amp; hl=ru_RU» type=»application/x-shockwave-flash» width=»560″ height=»315″ allowscriptaccess=»always» allowfullscreen=»true»></embed></object>

Будьте внимательны!

После Вашей основной ссылки http://www.youtube.com/watch?v=_ndBzwindo4 должен стоять знак «?», а между каждыми блоками (эти блоки называются переменные) должен стоять знак «&». Это «язык Youtube», если будет стоять неправильно, то YouTube просто не поймет, что Вы от него хотите.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *