8 способов хитро вставить видео с ютуб (YouTube)

Здравствуйте, друзья. Все мы используем видеоролики. Кто то для раскрутке своего бренда, кто то просто делится лучшими моментами своей жизни на блоге. В этой статье я расскажу вам как хитро вставить виде с ютуб (YouTube).

8 способов хитро вставить видео с ютуб

1. Отключение нижней панели плеера.

Все вы знаете как выглядит стандартный плеер ютуб.

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

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

[box type=»shadow»][aspan]Doctorsmm[/aspan] — один из самых дешёвых сервисов по накрутке просмотров на YouTube. 1000 просмотров на видео здесь можно заказать за 60-80 рублей.[/box]

Для отключения нижней панели видеоплеера, нужно в скопированный html код видеоролика добавить параметр «control=0», и перед ним вставить знак вопроса.

видео с ютуб

Вот пример вставки кода:

<iframe src="ссылка на виде с ютуб?controls=0" width="420" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

И вот результат работы параметра controls=0 (отключить можно только нажав на паузу кликом по плееру):

2. Запуск видео с определенного момента.

Если вы не хотите демонстрировать видео полностью, а только показать его с определенного момента, сделайте это с помощью параметра start=8.

Вместо числа 8 можете подставить свое, и не забывайте про знак вопроса.

Вот пример кода:

<iframe src="ссылка на виде с ютуб?start=8" width="420" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

А вот видео, которое начинается с восьмой секунды:

3. Отключение ссылок-скринов после просмотра видео.

Обычно после просмотра видеоролика, появляются ссылки-скрины на похожее видео, отключить это можно при помощи параметра rel=0, опять же не забываем про знак вопроса.

Пример вставки кода с ютуб (YouTube):

<iframe src="ссылка на виде с ютуб?rel=0" width="420" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

4. Изменение палитры видеоплеера.

Благодаря параметру theme=light&color=red можно настроить цвет плеера и ползунок под дизайн блога.

Пример вставки кода с ютуб:

<iframe src="ссылка на видео?theme=light&amp;color=red" width="420" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Результат:

5. Скрытие название видео и рейтинг автоматически.

Скрыть название видео можно путем добавления параметра showinfo=0.

Пример кода:

<iframe src="ссылка на видео?showinfo=0" width="420" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Результат добавленного видео с ютуб (YouTube):

6. Остановка проигрывания видео на определенном моменте.

Это можно реализовать добавлением параметра end=105. Можете указать свое значение.

Пример кода YouTube:

<iframe src="ссылка на видео?end=105" width="420" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Результат:

7. Автоматическое проигрывание видео при переходе на страницу.

Незаменимая вещь для страниц продажников. Для того, чтобы видеоролик с ютуб автоматически проигрывался, в код нужно добавить параметр autoplay=1

Пример добавления:

<iframe width="560" height="315" src="https://www.youtube.com/embed/os00JDq_rKk" frameborder="0" allowfullscreen></iframe>

8. Отключение полноэкранного просмотра видео в панели видеоплеера.

Реализуется добавлением параметра fs=0

Пример кода с ютуб:

<iframe src="ссылка на видео?fs=0" width="420" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

А вы используете канал YouTube для продвижения блога? Поделитесь секретами. Я вот не использовал ютуб никогда, но думаю пора уже начинать 🙂

Поделись информацией:
Помогла статья? Оцените её
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд
Загрузка...
Комментарии
  1. Андрей

    Спасибо, Андрей Вам за такую полезную статью. Многих моментов не знал. Так что возьмем на заметку. 😉

    • Андрей Назыров

      Пожалуйста, Андрей. Я и сам недавно узнал об этих способах 🙂

  2. Азик

    Полезная информация!) Я тоже вот хочу начать использовать видео с YouTube!))

    • Андрей Назыров

      Ну в Twitter ты гуру, теперь покоряй YouTube 🙂

  3. Алексей

    Классные затеи! В следующий раз при публикации новой статьи попробую один из способов, а может сразу несколько. Очень полезная статья!

  4. Азик

    Отлично сказано, Андрей!),

  5. Алексей

    Возьму на заметку.

    Андрей я смотрю ты изменил дерево комментариев, а лучше бы оставил старое, просто прописал в htaccess строки которые советовал Борисов. На мой взгляд, та форма комментов была симпатичнее 😉

    • Андрей Назыров

      Леха, я если честно ковырялся, но только попортил шаблон, все таки знаний еще в верстке нет. Поэтому не стал париться, а просто поменял плагин комментирования и изменил robots.txt
      А так мне тоже старая форма комментариев нравилась больше. Со временем, думаю верну ее только уже платную версию, которую дает Борисов. Или закажу верстку.

      • eun

        Лучше всего — самостоятельно сделанная форма комментирования, как у меня на сайте — оцените!

  6. Юрий Йосифович

    Что-то действительно намудрил с комментариями — Ответить по два раза стоит, — одна ссылка с ошибкой… И так по всем статьям…

  7. Андрей Назыров

    Просто, у меня стоял плагин subscribe-to-comments, я его заменил на другой. А оказывается он совмещен с темой. Придется возвращать и менять уже код темы 🙁
    Может оно и к лучшему.

  8. Артём Черкасов

    Ютуб нужно не использовать для продвижения блога, а нужно зарабатывать на самом ютубе 😉

    • Андрей Назыров

      Ну, Тем, мне еще далеко до этого.
      Кроме того меня Google забанил давно на адсенс 🙂 за накрутку. Хотел показать себя умнее Гугла 🙂
      А ютуб работает с Adsense если я не ошибаюсь.

  9. Александр Череп

    Интересная статья, я и не знал таких подробностей))

  10. Татьяна

    Действительно классные фишки! 🙂 Взяла на заметку пару вариантов обязательно использую спасибо

    • Андрей Назыров

      Пробуй, потом расскажешь 🙂

  11. Александр Рус

    Интересно получается. Я обычно просто код для вставки копировал, а тут вон сколько всего с «черных» делишек провернуть можно, даже и не знал 😉

  12. Ольга

    Я тоже многих фишек не знала. видео с ютуба вставляю в блог, но обычным способом.
    Андрей, прочитала страничку о тебе. Ты, оказывается, такого возраста, как моя старшая дочь. Молодец, уже двое деток! удачи тебе в раскрутке твоего сайта.
    Ты уже изменил форму комментирования, убрал древовидные комментарии плагином? Что-то сегодня сидела, читала, еще не очень разобралась с этим.
    Плагин надо скачать сразу в админке или на хостинг?

    • Андрей Назыров

      Спасибо, удача не помешает ))
      Нет я не убирал древовидные комментарии, просто вернул стандартные, какие были. Они у меня выводятся плагином Subscribe To Comments. Плагин устанавливал стандартным способом в админку.

  13. SeOptimist.ru — SEO блог в стихах

    Ух ты, а яи не знал, что с помощью параметром можно так YouTube плейером управлять!
    Буду твитить! 🙂

    • Андрей Назыров

      🙂

  14. Алексей

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

    • Андрей Назыров

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

  15. Vlad

    Первый раз на такой пост попал! Спасибо, буду теперь знать что и как! 😉

    • Андрей Назыров

      Да не за что, Влад 😉

  16. Владимир

    Вот так да, я и не знал про такие «фишки», спасибо за информацию!

    • Андрей Назыров

      Да не за что, Владимир 😉

  17. Евгения Куварина

    Интересные рекомендации, обязательно воспользуюсь, если буду вставлять видео не со своего канала. Пусть пользователи на блоге смотрят, а не на ютюб переходят

  18. Евгения Куварина

    Попробовала первый способ, но в правом верхнем углу появляется заметная ссылка Смотрет на Youtube, так что пользователь все равно сможет уйти с сайта

    • Андрей Назыров

      Вы можете с первым использовать пятый способ. Тогда точно пользователь не уйдет 🙂

  19. Татьяна

    Андрей попробовала пятый способ, все получилось спасибо за полезный материал. 😉

    • Андрей Назыров

      Пожалуйста, Татьяна.

  20. Евгения Куварина

    Спасибо за подсказку, попробую совместить эти 2 способа

  21. Диана

    Как интересно.)) Хитро.) Я уже стала замечать на продажниках да, что нет кнопки прокрутить, посмотреть сколько видео длится. Но, авторы сейчас под видео сами пишут длительность видео.) Первое время прям нервничала, думала, ну, что за дела, браузер что-ли не работает.)))

  22. Антон Дышлюк

    Толковая статья, как раз нашел что мне нужно, момент где убрать похожее видео)

    • Андрей Назыров

      Рад что оказался полезен.

  23. Надежда

    А подскажите как совмещать эти способы? Параметры через точку с запятой писать или как?

    • Андрей Назыров

      Да, но если мне не изменяет память, не все способы сочетаются.

  24. Мария

    Андрей, спасибо за хитрость с Ютуб. Вы в одной из статей блога писали, что с дизайном не дружите, а мне наоборот проще красоту на сайте навести, чем в кодах разобраться. Заметила ещё, что реально полезные вещи можно как раз найти на таких вот сайтах, которые ведут хорошие парни. Просто в поиске — одно и то же; рерайт, как минимум, на первых 50 позициях. Некоторые сайты о СЕО или Вордпресс выбились ещё годков 6 назад в ТОП, да там и сидят, хотя инфа быстро устаревает: при переходе по ссылке ничего нового для себя не находишь.

    • Андрей Назыров

      Мария, спасибо за комплимент 😉

  25. Денис Скрипник

    Благодарю. А если надо несколько параметров вставить? Правильный ли пример я привожу:
    ссылка на видео?fs=0?controls=0?rel=0?showinfo=0?autoplay=1

  26. Виталий

    Подскажите, пожалуйста, как вставить в код несколько параметров при добавлении видео с ютуба на страницу сайта. Например, параметры controls=0 и autoplay=1. (Вопрос возник после прочтения статьи «8 способов хитро вставить видео с ютуб (YouTube)». Статья супер. Большое спасибо)

    • Андрей Назыров

      Добрый вечер, Виталий. Можно сделать так:

      controls=0&autoplay=1

      Но не все комбинации будут работать. В частности, вышеуказанная комбинация работает, остальные не пробовал.

      Пример рабочего кода:

      <iframe src="ссылка на виде с ютуб?controls=0&autoplay=1" width="420" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
  27. Антон

    Как сделать так, чтобы скажем внизу видео появлялась кнопка и текст на определенной секунде видео youtube? Я понимаю что это уже больше возможности html к привязке времени ролика, но все же. Вот пример http://www.zushipletnev.com/content/fb-tl/

    • Андрей Назыров

      Антон, если я правильно понял, это уже технологии HTML5, а я в этом не совсем разбираюсь.

  28. eun

    Удивительно, что ролики ютуб в выдаче раздела «Видео» гугла держатся не долго. Как их там застопорить?

  29. Андрей

    Андрей, я тут попал на вашу статью о фишках ютуба, а у меня как раз очень серьезная проблема:
    вашим метки очень и очень кстати, но…
    вот я встроил видео на страницу, — а проблема в том, что я его никак не могу зациклить в бесконечности,
    то есть, автозапуск я своял, но после него оно останавливается, а мне нужно что бы крутилось бесконечно
    может подскажете?

    Заранее благодарю!

    • Андрей Назыров

      Андрей, я вряд ли смогу вам помочь. С тех пор как я писал эту статью, прошло много времени и многое изменилось. Попробуйте поискать в документации API YouTube.

  30. aliprofi

    Очень помогли, спасибо, а можно как то сделать чтобы совсем ссылок на ютуб на видео не оставалось?

    • Андрей Назыров

      Скачайте необходимое видео, загрузите на свой хостинг и выводите видео на странице через HTML5. Тогда видео будет целиком и полностью в вашем распоряжении, и никаких ссылок на сторонние площадки не будет.

  31. Сергей

    А можно как-нибудь вставить видео с описанием, комментариями и лайками?

  32. Alex

    А как наоборот, включить полноэкранный режим в видео, но не с iframe, а с embed?

  33. Алёша

    Осенью 2018 года обнаружил у себя в разных браузерах что параметры вставки видео с ютуба больше не работают. Это только у меня или у всех?

    • Андрей Назыров

      У меня все работает. Примеры в статье.

      • Игорь

        Подтверждаю предыдущего пользователя. autoplay больше не пашет.

  34. Евгений

    У меня не получается использовать сразу несколько способов. Можете привести пример с двумя или тремя одновременно?

    • Андрей Назыров

      с двумя у меня работало раньше, сейчас тоже нет.

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