Home / Блоговедение / 8 способов хитро вставить видео с ютуб (YouTube)

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

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

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

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

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

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

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

Для отключения нижней панели видеоплеера, нужно в скопированный 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 для продвижения блога? Поделитесь секретами. Я вот не использовал ютуб никогда, но думаю пора уже начинать 🙂

Об авторе: Андрей Назыров

Приветствую Вас на своем блоге! Здесь Вы найдете всю необходимую информацию по созданию своего блога (сайта), его SEO оптимизации и последующего заработка.

50 комментариев

  1. Андрей:

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

    Ответить
    • Андрей Назыров:

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

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

    Ответить
    • Андрей Назыров:

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

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

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

    Ответить
  5. Возьму на заметку.

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

    Ответить
    • Андрей Назыров:

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

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

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

    Ответить
  7. Андрей Назыров:

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

    Ответить
  8. Артём Черкасов:

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

    Ответить
    • Андрей Назыров:

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

      Ответить
  9. Александр Череп:

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

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

    Ответить
    • Андрей Назыров:

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

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

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

    Ответить
    • Андрей Назыров:

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

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

    Ответить
    • Андрей Назыров:

      🙂

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

    Ответить
    • Андрей Назыров:

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

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

    Ответить
    • Андрей Назыров:

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

      Ответить
  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. Удивительно, что ролики ютуб в выдаче раздела «Видео» гугла держатся не долго. Как их там застопорить?

    Ответить
  29. Андрей:

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

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

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

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

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

      Ответить

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

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