Превращаем все текстовые ссылки Youtube в видеоклипы

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

Основной поставщик видео контента - это Youtube. На его базе даже создаются, целиком посвящённые видео контенту, блоги.
Полагаю, что их делать гораздо проще и приятнее, чем писать статьи. У каждого ютубовского плеера есть кнопка для получения кода установки в блог.

В большинстве случаев ролики ставятся в пост (статью/сообщение) через object, есть ещё продвинутые способы (можете глянуть результаты поиска в моём блоге по запросу youtube, в том году я не мало посвятил времени этому видео сервису), я не буду на них останавливаться.

Что за скрипт для Youtube?
А для тех, кто любим массово постить ролики в блоге, у меня есть интересный скрипт. Он позволяет преобразовывать ютубовские ссылки типа http://www.youtube.com/watch?v=4ADh8Fs3YdU, т.е. чистые текстовые линки, без каких-либо тегов, в готовые видеоклипы.
Согласитесь, скрипт здорово сэкономит время и уменьшит код поста в целом.

Демо.
На скриншоте изображён ролик и под ним я поставил код, чтобы показать из чего состоит этот ролик:

youtube script

Вживую тоже самое на тестовом блоге (можете проверить исходный код ролика и ссылки).

Установка.
Найти в шаблоне закрывающий тег </body> и вставить перед ним ссылку:
<script src='http://linuxesrf.gb7.ru/docs/youtube-link-converter.js' type='text/javascript'/>
По возможности переложите скрипт на свой хостинг.

Внутри скрипта есть один важный параметр:
$('.post')
Он определяет, внутри какого контейнера (в вашем блоге) находится текст с ютубовской ссылкой.
Понятное дело, что это - содержимое вашей статьи.
Для стандартных шаблонов Blogger (проверял на двух) - это .post
В моём шаблоне - это .itemtext
Как с другими шаблонами я не знаю, надо разбираться на месте и исправлять параметр, смотря исходники страницы (самый близкий к тексту поста div class).
В скрипте можно поменять и размеры отображаемого видеоплеера:
var vidWidth = 459; // youtbe video width
var vidHeight = 283; // youtube video heigh
t

Использование в блоге.
Для стандартых шаблонов вполне вероятно, что понадобится использование тега p, поэтому ссылка на ролик ютуба посреди статьи (вставлять в HTML режиме редактора поста) будет выглядеть так:

<p>http://www.youtube.com/watch?v=4ADh8Fs3YdU</p>

В самой ссылке к видеоклипу должен содержаться только ide самого клипа, никакие "приставки" вроде "&feature=g-all-a&list=PL7F33DA46EF626D14&context=G27c7e3aFAAAAAAAABAA" не нужны.

Ссылка на ролик после обработки скриптом в браузере клиента (посетителя) превратится стандартный код проигрывателя:

youtube script

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

Автор скрипта.

5 комментариев:

  1. А потом скрипт с очередным обновлением любой из составляющих (движка блога, браузера клиента, правил выдачи ссылок Youtube) останется просто ссылкой в тексте. Теперь мне стали понятны такие ляпсусы на встречаемых в сети блогах, где якобы ссылаются на видео, а стоит текстовая ссылка на Ютуб.

    ОтветитьУдалить
  2. Это у пхп-шников часо так. Они вставляют через специальную кнопку, а потом модуль не обновляют, вот и происходят ляпсусы. Хотя принцип аналогичен.
    Этот скрипт - тоже самое, что и гугловский плеер: application/x-shockwave-flash, просто облагораживает код. Пару лет уже работает.
    Если гугл вдруг сменит плеер, то ролики вообще ни у кого крутиться не будут, а так хоть ссылки остаются.

    ОтветитьУдалить
  3. Ну, допустим, есть такой скрипт. Чем хуже установка ифреймблока прямо с Ютуб? Другими словами, пока не совсем ясна практическая ценность скрипта.

    ОтветитьУдалить
  4. Ну если охота каждый раз тащить четыре этажа кода, засирать блог айфреймами и объектами (особенно в перспективе нового плеера на html5), тогда нет. Кстати, айфремы в данном случае - сугубо нубовский способ крутить ролики. На серьёзных сайтах используют свои плееры.
    А если планируете сменить шаблон и нужно разом изменить в размере все ролики, коих может быть под сотню? Тогда как? Ручками редактировать каждый пост?
    А если ещё что-то захочется к роликам дописать? :-).

    ОтветитьУдалить
  5. Вниманию блогов, входящих в СПРАВОЧНИК БЛОГОВ
    http://spravochnik-blogov.blogspot.com/

    Открылась группа на сайте В КОНТАКТЕ
    http://vk.com/i_blogger

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

    ОтветитьУдалить