Здравствуйте, друзья. Все мы используем видеоролики. Кто то для раскрутке своего бренда, кто то просто делится лучшими моментами своей жизни на блоге. В этой статье я расскажу вам как хитро вставить виде с ютуб (YouTube).
1. Отключение нижней панели плеера.
Все вы знаете как выглядит стандартный плеер ютуб.
Мы можем отключить нижнюю панель видеоплеера, и пользователь не сможет контролировать видеоролик, то есть нажать на паузу или перейти на видеохостинг YouTube.
Этот вариант вставки видео полезен для страниц продажников. Я просто подобрал прикольный видеоролик КВН.
Для отключения нижней панели видеоплеера, нужно в скопированный html код видеоролика добавить параметр «control=0», и перед ним вставить знак вопроса.
Вот пример вставки кода:
1 |
<iframe src="ссылка на виде с ютуб?controls=0" height="315" width="420" allowfullscreen="" frameborder="0"></iframe> |
И вот результат работы параметра controls=0 (отключить можно только нажав на паузу кликом по плееру):
2. Запуск видео с определенного момента.
Если вы не хотите демонстрировать видео полностью, а только показать его с определенного момента, сделайте это с помощью параметра start=8.
Вместо числа 8 можете подставить свое, и не забывайте про знак вопроса.
Вот пример кода:
1 |
<iframe src="ссылка на виде с ютуб?start=8" height="315" width="420" allowfullscreen="" frameborder="0"></iframe> |
А вот видео, которое начинается с восьмой секунды:
3. Отключение ссылок-скринов после просмотра видео.
Обычно после просмотра видеоролика, появляются ссылки-скрины на похожее видео, отключить это можно при помощи параметра rel=0, опять же не забываем про знак вопроса.
Пример вставки кода с ютуб (YouTube):
1 |
<iframe src="ссылка на виде с ютуб?rel=0" height="315" width="420" allowfullscreen="" frameborder="0" rel="nofollow"></iframe> |
4. Изменение палитры видеоплеера.
Благодаря параметру theme=light&color=red можно настроить цвет плеера и ползунок под дизайн блога.
Пример вставки кода с ютуб:
1 |
<iframe src="ссылка на видео?theme=light&color=red" height="315" width="420" allowfullscreen="" frameborder="0"></iframe> |
Результат:
5. Скрытие название видео и рейтинг автоматически.
Скрыть название видео можно путем добавления параметра showinfo=0.
Пример кода:
1 |
<iframe src="ссылка на видео?showinfo=0" height="315" width="420" allowfullscreen="" frameborder="0"></iframe> |
Результат добавленного видео с ютуб (YouTube):
6. Остановка проигрывания видео на определенном моменте.
Это можно реализовать добавлением параметра end=105. Можете указать свое значение.
Пример кода YouTube:
1 |
<iframe src="ссылка на видео?end=105" height="315" width="420" allowfullscreen="" frameborder="0"></iframe> |
Результат:
7. Автоматическое проигрывание видео при переходе на страницу.
Незаменимая вещь для страниц продажников. Для того, чтобы видеоролик с ютуб автоматически проигрывался, в код нужно добавить параметр autoplay=1
Пример добавления:
1 |
<iframe src="ссылка на видео?autoplay=1" height="315" width="420" allowfullscreen="" frameborder="0"></iframe> |
8. Отключение полноэкранного просмотра видео в панели видеоплеера.
Реализуется добавлением параметра fs=0
Пример кода с ютуб:
1 |
<iframe src="ссылка на видео?fs=0" height="315" width="420" allowfullscreen="" frameborder="0"></iframe> |
А вы используете канал YouTube для продвижени блога? Поделитесь секретами. Я вот не использовал ютуб никогда, но думаю пора уже начинать
Спасибо, Андрей Вам за такую полезную статью. Многих моментов не знал. Так что возьмем на заметку.
Пожалуйста, Андрей. Я и сам недавно узнал об этих способах
Полезная информация!) Я тоже вот хочу начать использовать видео с YouTube!))
Ну в Twitter ты гуру, теперь покоряй YouTube
Классные затеи! В следующий раз при публикации новой статьи попробую один из способов, а может сразу несколько. Очень полезная статья!
Отлично сказано, Андрей!),
Возьму на заметку.
Андрей я смотрю ты изменил дерево комментариев, а лучше бы оставил старое, просто прописал в htaccess строки которые советовал Борисов. На мой взгляд, та форма комментов была симпатичнее
Леха, я если честно ковырялся, но только попортил шаблон, все таки знаний еще в верстке нет. Поэтому не стал париться, а просто поменял плагин комментирования и изменил robots.txt
А так мне тоже старая форма комментариев нравилась больше. Со временем, думаю верну ее только уже платную версию, которую дает Борисов. Или закажу верстку.
Что-то действительно намудрил с комментариями — Ответить по два раза стоит, — одна ссылка с ошибкой... И так по всем статьям...
Просто, у меня стоял плагин subscribe-to-comments, я его заменил на другой. А оказывается он совмещен с темой. Придется возвращать и менять уже код темы
Может оно и к лучшему.
Ютуб нужно не использовать для продвижения блога, а нужно зарабатывать на самом ютубе
Ну, Тем, мне еще далеко до этого.
Кроме того меня Google забанил давно на адсенс за накрутку. Хотел показать себя умнее Гугла
А ютуб работает с Adsense если я не ошибаюсь.
Интересная статья, я и не знал таких подробностей))
Действительно классные фишки! Взяла на заметку пару вариантов обязательно использую спасибо
Пробуй, потом расскажешь
Интересно получается. Я обычно просто код для вставки копировал, а тут вон сколько всего с «черных» делишек провернуть можно, даже и не знал
Я тоже многих фишек не знала. видео с ютуба вставляю в блог, но обычным способом.
Андрей, прочитала страничку о тебе. Ты, оказывается, такого возраста, как моя старшая дочь. Молодец, уже двое деток! удачи тебе в раскрутке твоего сайта.
Ты уже изменил форму комментирования, убрал древовидные комментарии плагином? Что-то сегодня сидела, читала, еще не очень разобралась с этим.
Плагин надо скачать сразу в админке или на хостинг?
Спасибо, удача не помешает ))
Нет я не убирал древовидные комментарии, просто вернул стандартные, какие были. Они у меня выводятся плагином Subscribe To Comments. Плагин устанавливал стандартным способом в админку.
Ух ты, а яи не знал, что с помощью параметром можно так YouTube плейером управлять!
Буду твитить!
Я попробовал твой первый способ, уже работает на блоге в последней статье, все класс, спасибо? Но когда я меняю размеры, а точнее ширину, например на 600, то видео чета сжимается, становиться узким. Не знаешь в чем проблема?
Пожалуйста, Алексей. Попробуй менять не у себя в коде, а на ютуб, чтобы сохранялись пропорции.
Первый раз на такой пост попал! Спасибо, буду теперь знать что и как!
Да не за что, Влад
Вот так да, я и не знал про такие «фишки», спасибо за информацию!
Да не за что, Владимир
Интересные рекомендации, обязательно воспользуюсь, если буду вставлять видео не со своего канала. Пусть пользователи на блоге смотрят, а не на ютюб переходят
Попробовала первый способ, но в правом верхнем углу появляется заметная ссылка Смотрет на Youtube, так что пользователь все равно сможет уйти с сайта
Вы можете с первым использовать пятый способ. Тогда точно пользователь не уйдет
Андрей попробовала пятый способ, все получилось спасибо за полезный материал.
Пожалуйста, Татьяна.
Спасибо за подсказку, попробую совместить эти 2 способа
Как интересно.)) Хитро.) Я уже стала замечать на продажниках да, что нет кнопки прокрутить, посмотреть сколько видео длится. Но, авторы сейчас под видео сами пишут длительность видео.) Первое время прям нервничала, думала, ну, что за дела, браузер что-ли не работает.)))
Толковая статья, как раз нашел что мне нужно, момент где убрать похожее видео)
Рад что оказался полезен.