Раскрываем секретные фишки видео плеера YouTube

  Автор:
  42742
youtube

Здравствуйте, друзья!

Здесь я раскрываю 6 секретных фишек плеера YouTube.
Если Вы используете Видео на своих продающих страницах, блогах и пр., то  у Вас непременно  возникнут такие вопросы — как убрать показ рекламных роликов в поле плеера, или отображение кнопок управления на видео, и другие…

Однажды, я сам столкнулся с подобными вопросами, которые возникли у меня при размещении видео плеера YouTube на своей странице приземления…

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

Для новичков здесь отмечу, что YouTube (Ютуб) – это отличный бесплатный хостинг (хранилище) для размещения Видео, где легко и просто можно загружать свои видео-ролики, просматривать их тут-же на YouTube и делать их доступными для всей огромной аудитории в интернет.

Знаете ли вы, что YouTube скрывает множество полезных функций своего плеера?

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

Вот те самые актуальные вопросы, решение которых Вы сейчас получите:

  1. Как убрать рекламу посторонних видео, которая отображается на экране после просмотра видео?
  2. Как убрать сверху экрана отображение с названием видео и его ссылкой на YouTube?
  3. Как  убрать маленькую ссылку на YouTube, которая отображается сверху видео, там где его название.
  4. Как запускать видео автоматически, сразу после загрузки вашей страницы?
  5. Как убрать нижнюю панель управления видео проигрывателя, которая может помешать просмотру ролика от начала — до конца (исключить соблазн посетителя нажать на кнопки Стоп, Перемотка)?
  6. Как отключить управление плеером с помощью клавиатуры, которое доступное по умолчанию?

[pwal id=»19796983″ description=»Если Вы хотите увидеть содержимое всей статьи, кликните по одной из этих кнопок:»]

Итак, заходим в свой аккаунт на YouTube и выбираем нужное видео, которое должно отображаться на вашей HTML странице.

Под вашим видео будут располагаться несколько кнопок, выбираем и (1) нажимаем кнопку «Поделиться». После чего открывается дополнительное поле, на котором (2) нажимаем кнопку «Сгенерировать HTML-код».

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

Для этого мы делаем следующие действия:

(3) Убираем чек-бокс (птичку) в строке:

«Показать похожие видео после завершения просмотра»
— нам это не нужно по определению.

(4) отмечаем чек-бокс в строке:

«Использовать старый код встраивания». Остальные строчки оставляем не отмеченными.

Далее, (5) выбираем нужный размер изображения, например: 420 х 315 px. или любой другой, подходящий под размер вашей страницы.

Теперь, (6) копируем выделенный HTML-код в ваш текстовый редактор, например, в Блокнот и сейчас же начнем делать правки в этот код.

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

К примеру, код выглядит таким образом:

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

Не пугайтесь, даже если вы ничего в этом не понимаете!
Здесь ничего и не нужно понимать, а просто тупо сделайте простые действия.

В этом коде, методом визуального сравнения (как в игре — найди отличия), находим в нем два URL адреса, которые абсолютно одинаковы, и выглядят вот таким образом, начинаются и закрываются двойными кавычками:

«http://www.youtube.com/v/N70UYAA4kQ4?version=3&amp;hl=ru_RU&amp;rel=0»

«http://www.youtube.com/v/N70UYAA4kQ4?version=3&amp;hl=ru_RU&amp;rel=0»

копируем их в Блокноте отдельно, рядом с основным кодом, как это здесь сделал я.

Теперь, переходим к решению своих поставленных задач.

Для этого существуют специальные операторы, которые нужно просто добавить, как хвостики, к окончанию этих URL:

  1. Убрать рекламу посторонних видео, которая отображается на экране после просмотра видео:
    Это выполняет оператор: rel=0
    Отключает показ похожих видео, после того как пользователь просмотрел ваше. По умолчанию rel=1
  2. Убрать сверху экрана отображение с названием видео и ссылкой на YouTube:
    оператор: showinfo=0
    Выключает отображение названия видео при наведении на него(сверху). По умолчанию =1
  3. Убрать маленькую ссылку на YouTube, которая отображается сверху видео, там где его название.
    оператор: modestbranding=1
  4. Запускать видео автоматически, сразу после загрузки вашей страницы:
    оператор: autoplay=1
    По умолчанию =0.
  5. Отключить нижнюю панель управления видео:
    оператор: controls=0
    По умолчанию =1
    Обратите внимание, что при отключении панели появляется справа внизу лого YouTube, которое является ссылкой на ваше видео на данном сервисе.
  6. Отключить управление плеером с помощью клавиатуры:
    оператор: disablekb=1
    По умолчанию =0.
    Идеально сочетается с предыдущей настройкой, так как даже при отключении панели управления, пользователь может прокручивать и останавливать видео с помощью клавиатуры.

Итак, указанные операторы теперь нужно прописать слитно, без пробелов, как сардельки в цепочке, с помощью значка соединителя: & (на клавиатуре в латинском регистре нажимайте одновременно обе клавиши Shift + 7).

В результате мы получаем вот такую цепочку операторов:

&showinfo=0&rel=0&showinfo&modestbranding=1&autoplay=1&controls=0&disablekb=1

которую выделяем и копируем с помощью мышки, и добавляем к окончанию URL. Получаем вот такой URL:

«http://www.youtube.com/v/N70UYAA4kQ4?version=3&amp;hl=ru_RU&amp;rel=0&showinfo=0&showinfo&modestbranding=1&autoplay=1&controls=0&disablekb=1″

Теперь нам нужно скопировать полученный URL и вставить его в HTML-код плеера, откуда мы его достали — туда и положим обратно, в двух местах. И далее, что нам остается сделать, так это скопировать полученный код и с помощью HTML редактора, (например, Dreamweaver) вставить полученный код плеера на нужно место вашей HTML страницы.

Примечание: Вы можете настроить код плеера и проверить его работоспособность еще до установки на свою HTML страницу с помощью удобного сервиса на сайте:

http://www.onlinehtmleditor.net

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

Все, поздравляю Вас с блестящим окончанием урока!

P.S. Надеюсь, что этот материал был Вам полезен и сохранит Вам немало драгоценного времени в будущем. И Ваше чувство благодарности, которое, я уверен, Вы испытаете от проделанного урока на своей страницей, Вы можете легко выразить прямо сейчас. Для этого просто нажмите на любую из кнопок:  «Поделиться в соц. сетях».

P.P.S. Мне также очень важно узнать Ваше мнение, которое Вы можете оставить в комментариях.

Спасибо за Ваш интерес! С уважением, Анатолий.

[/pwal]

 

Интересная статья? Поделитесь ею пожалуйста с другими:
Оставьте свой комментарий:
46 комментариев
  1. anton

    я от трех банеров еле отбился еще и кнопку жать? *CRAZY*

  2. Анатолий, спасибо за такое подробное описание. Сохранила страничку, буду использовать.

  3. Валентина, спасибо за добрый отзыв. Значит не зря старался. Буду эту тему развивать далее… =)

  4. Здравствуйте! Спасибо за уроки! До последнего времени я не наблюдала такой картины, а вчера закачала видео на Ютуб и при просмотре под видео появляется панель инструментов .Как их убрать??

    • Здравствуйте, Екатерина! Именно это я и раскрываю в этом посте. Пройдите этот урок практически и закачайте на Ютуб доработанный код Вашего видео.

  5. Спасибо за быстрый ответ, но я наверное не так задала вопрос. Посмотрите, пожалуйста, как у меня открывается видео, а внизу под ним настройки. Как их спрятать, убрать? http://www.youtube.com/watch?v=ushd56suQsQ Я хотела выложит запись конференции, а не получается

  6. Михаил

    Спасибо, реально пригодилось)

  7. Valentina

    Огромное спасибо. Очень помогло.

  8. Valentina

    А как сделать так чтобы нижняя панель скрывалась только при запуске видео, а так чтобы была доступна. Это тоже удобно так как нижняя панель дает возможность увеличить видео на весь экран или регулировать качество видео. Буду рада если Вам известен ответ.

  9. павел

    как вставить полученный код с помощью редактора dreamweaver??? Не получается!!

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

      • павел

        А как найти нужное место в HTML коде страницы?

        • В редакторе dreamweaveк выбираете режим отображения одновременно и кода, и вида страницы. Затем на визуальном отображении страницы, в нужном месте, где требуется расположить плеер, устанавливаете курсор мыши, далее смотрим в окне отображения кода страницы, где мигающий курсор и будет указывать искомое место вставки кода плеера.

  10. Derek

    Я честно кликнул на кнопку ВК, но ничего не произошло, увы…
    Вопрос остался: как удалить рекламу (банеры) во время просмотра Youtube-рилика на своем сайте?

    • Попробуйте кликнуть еще раз, возможно на любую другую кнопку. Быть может, в тот момент связь подвисла… У меня срабатывает.

    • Богдан

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

  11. Derek

    Я еще раз кликнул, но ответ на свой вопрос не увидел.

  12. Ирина

    Анатолий, спасибо за полезную информацию, рекламы теперь нет, но просмотр просмотр видео все равно завершается посторонними роликами. Что делать?

    • Ирина, перед тем, как копировать HTML код вашего видео-ролика на сайте Ютуба, когда нажимаете на кнопку ПОДЕЛИТЬСЯ, нужно убрать галочку в чек-боксе: «Показать похожие видео после завершения просмотра», которые располагаются чуть ниже окна и после этого копировать сам код.

      • Ирина

        Анатолий, правильно ли я понимаю, что показанные вами уловки действуют только при размещении ролика на своем сайте, на канале youtube реклама по-прежнему осталась.

        • Ирина, здравствуйте! Вы правильно понимаете, эти настройки именно для этого и предусмотрены сервисом youtube… но сам сервис живет по своим правилам.

  13. Михаил

    Ну и как это называется? И твитнул, и ВКонтакте с другами поделился! А где продолжение статьи? Это не есть «гуд», господин Панкратов. Найду в другом месте, а сюда уже вряд ли вернусь.

    • Да, это можно назвать и так… и на старуху бывает проруха… Во-первых, Михаил, я благодарен за Ваш коммент, который очень важен для меня. Потому, что я тут же выяснил причину сбоя и оперативно устранил её. Все оказалось намного проще, чем я мог предположить.

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

      • Михаил

        Не заметил чтобы что-то изменилось. Статью так и не увидел, хотя опять по кнопкам потыкал. Да уже и не важно, все что хотел — нашел. :-D

  14. Маша

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

    • Мария! Если бы Вы прислали ссылку на Video, и сообщили, каким браузером пользуетесь… тогда можно бы что-то предполагать… Возможно, что Вам необходимо проверить наличие обновлений флеш-плеера, да и браузера на последнюю версию.

  15. Сева

    А вы знаете, что благодаря этой рекламе которую вы стараетесь убрать, авторы получают гонорар за свой труд. Вот вы панкратов представьте, снимаете обучающие видео уроки и хотите ,чтобы труд этот был как то оплачен благодаря рекламе. А какой то дядя, учит людей как посмотреть ролик без этой рекламы. Задумайтесь.

    • Эх, Сева… Вероятно, Вы не создавали свои авторские рекламные ролики. Иначе бы сразу поняли смысл этих технических моментов. Явно просматривается беглый взгляд знатока рекламы со стороны… Однако, спасибо за комментарий.

  16. Юля

    Анатолий, а сейчас Ютуб видимо «перестроился» и это все не помогает.. В частности хотела убрать просмотр подобных роликов после показа основного в блоге — не получается. Подскажите — возможно ли что-то сделать.

    • Юля, что касается Вашего конкретного вопроса, а именно, …как убрать просмотр подобных роликов после показа основного, то здесь все по прежнему без изменений. Под своим Видео выбираете вкладку Поделиться, затем HTML код, и далее под окошком кода имеется строка: Показать похожие видео после завершения просмотра и чек-бокс, который нужно оставить не отмеченным. И затем уже, копируете полученный код плеера.

      • Юля

        Анатолий, все так и делаю, как Вы говорите. Но ничего не получается. После просмотра появляются 12 новых роликов((((.

  17. Виктор

    Как убрать с ролика значок перехода на Ютуб?

    • Брендовый значок Ютуба не убирается.

      • Виктор

        Ну, а хоть заблокировать кликабельность значка как-то можно?

        • Ваш вопрос переходит из области технических моментов в философскую… Ютуб дает Вам возможность
          бесплатно пользоваться не только видео сервисом, но и предоставляет вам коды для размещения видео на
          ваших личных страницах. За какие такие заслуги, задумывались? Именно, за размещение, рекламу своего логотипа.
          Свой вопрос напишите в компанию. Интересно, что они ответят?

        • В дополнение. Если Вы не хотите посторонних ссылок на своем видео, тогда просто закачивайте свой ролик на свой-же хостинг.

  18. Виктор

    Да, это все понятно….
    Ладно….Будем разбираться дальше.

  19. Фсб

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

    • Нет ничего проще — спросить разрешения на публикацию ролика у его автора. Надеюсь, об уважении и соблюдении авторских прав слыхали?

  20. Бахтияр

    Здравствуйте. Можно ли, сделать так, чтобы после завершения показа видео ролика плеер возвращался на исходный размер?
    С уважением, Бахтияр

    • Здравствуйте, Бахтияр! Уточните пожалуйста свой вопрос.

      • Бахтияр

        Спасибо, Анатолий. На сайте на середине вставлю код, где показывается видео. Нужно, кода нажимают на него посетитель, чтобы смотреть, автоматически показ начался на полно экранном режиме а после завершения показа изображение стартового видео принял (возвратился на) исходный размер. Чтобы видны были информации на сайте (вместе с видео). Возможно ли такое? С уважением, Бахтияр

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.