Глава 18. Встраивание роликов YouTube в ваш сайт.

YouTube – отличное место для демонстрации видео вашей компании. Но вы можете демонстрировать эти видео также и на вашем сайте или в вашем блоге. Что в этом замечательного? То, что вам не надо тратить никаких ресурсов на хостинг видео – YouTube сделает все за вас!

Давайте обсудим несколько способов встраивания роликов YouTube в ваш сайт. В этом нет ничего сложного.

Почему вам стоит передать свои ролики на хостинг YouTube?

Если вы создали много роликов для YouTube, то нет никаких причин не показывать эти ролики на вашем сайте или в вашем блоге. Чем больше глаз их увидит, тем лучше.

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

Так что чем больше роликов вы создаете, тем больше дискового пространства вам требуется и тем больше будут ваши расходы. А чем больше зрителей смотрят ваши ролики (а вы ведь этого хотите?), тем больше ваши расходы на трафик. Если же вам повезет создать «вирусное» видео, то расходы на сотни тысяч его просмотров могут реально вас обанкротить.

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

И что интереснее всего – так это то, что YouTube делает все это бесплатно. Вам не придется платить ни копейки за хостинг или трафик, сколько бы роликов вы ни загрузили и сколько бы человек их ни просмотрело. Это очень хорошая новость, особенно для малого бизнеса или бизнеса, ограниченного в расходах.

Добавление ссылки на ролик YouTube на веб-страницу.

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

Самый простой способ это сделать – взять ссылку с сайта YouTube. Каждому ролику присваивается уникальный интернет-адрес. Его можно скопировать и вставлять на страницы сайта, в электронные письма, в блог и т. п.

Ссылки на отдельные ролики.

Если вы находитесь на странице YouTube, на которой демонстрируется нужный вам ролик, то его уникальный интернет-адрес можно скопировать из адресной строки вашего браузера. Кроме того, есть еще один способ. Сразу под видеоокном есть кнопка «Отправить» (Share). При нажатии на нее открывается панель, изображенная на рис. 18.1. С ее помощью вы можете сгенерировать ссылку в коротком или длинном виде.

^{Рис. 18.1. Получение адреса ролика на YouTube при помощи функции «Отправить».}

Совет. По умолчанию YouTube генерирует ссылки на версии роликов в стандартном разрешении. Если у ролика есть версия в высоком разрешении, вы можете поставить галочку в чекбокс «Ссылка HD» и получить ссылку на НD-версию.

Затем вы можете вставить полученный адрес в НТМL-код вашего сайта. Для этого надо вставить его в тег ссылки:

Смотрите <a href="http://www.youtube.com/watch?v=аааbbbссс">наш ролик</a>.

Замените «aaabbbccc» на параметр вашего ролика.

Совет. Чтобы вставить ссылку на ролик в письмо или пост в блоге, достаточно скопировать адрес ролика.

Ссылки на ваш канал на YоuТubе.

Вы можете также дать ссылку на свой канал на YоuТubе. Зайдите на свой канал и скопируйте ссылку из адресного окна вашего браузера. Она будет иметь вид:

Www.youtube.com/user/(ваше имя)/

Встраивание роликов YouTube в веб-страницы.

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

YouTube автоматически создает код для встраивания любого публично доступного ролика. Код ваших приватных роликов будет доступен только вам. Чтобы получить этот код, надо нажать на кнопку «Отправить» (Share) и затем – на кнопку «Сгенерировать HTML-код» (Generate HTML-code).

Как видно на рис. 18.2, при этом у вас появляется несколько вариантов для выбора. Ставя галочки в соответствующие чекбоксы, вы можете изменять код.

^{Рис. 18.2. Генерирование кода для встраивания роликов с YоuТubе.}

Вот варианты кастомизации кода для встраивания.

• Показать похожие видео после завершения просмотра – по умолчанию YouTube формирует список похожих роликов после окончания воспроизведения основного. Если вы не хотите их демонстрировать (а составом этого списка вы управлять не можете, так что там могут появиться ролики, неприемлемые для вас), уберите галочку.

• Использовать HTTPS – ролик будет передаваться на компьютер зрителя не по открытому протоколу http, а по шифрованному протоколу https. Это может быть важно, если основной контент вашего сайта показывается через шифрованный протокол https – тогда в браузере зрителя не будет появляться предупреждение о том, что на странице есть «смешанное содержание».

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

• Использовать старый код встраивания – по умолчанию встраивание производится при помощи тега <iframe>, допускающего проигрывание как Flash, так и НТМL5. Это позволяет проигрывать ролики на многих мобильных устройствах. Старый код использует тег <object> и работает только с Flаsh, который может быть недоступен на мобильных устройствах.

• Размер – у вас есть выбор между несколькими стандартными размерами видеоокон, изображенными прямоугольниками, и возможность указать высоту и ширину видеоокна непосредственно цифрами.

На рис. 18.3 показан видеоплеер, встроенный в веб-страницу со стандартным набором параметров. На рис. 18.4 – тот же плеер, встроенный в видеоокно большего размера.

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

^{Рис. 18.3. Видеоплеер, встроенный со стандартными параметрами.}

^{Рис. 18.4. Видеоплеер, встроенный в видеоокно большого размера.}

Совет. Веб-разработчикам YouTube предлагает набор инструментов, называемых GoogleData Application Programming Interface (GData API), которые позволяют разрабатывать интернет-приложения, способные проигрывать ролики с YоuТubе. Более подробно об этом можно узнать на code.google.com/apis/youtube/.

Картина в целом.

Ролики YouTube можно просматривать не только на YоuТubе. Вы можете предложить свои (и даже чужие) ролики посетителям вашего сайта или блога – либо дав на них ссылку, либо встроив эти ролики непосредственно в свои веб-страницы. YouTube сделал все, чтобы максимально облегчить этот процесс. Более того, вы можете настроить окно видеопроигрывателя, чтобы оно лучше подходило к дизайну ваших веб-страниц.

Самое замечательное – это то, что YouTube берет на себя все расходы, связанные с хранением и передачей видео. Вам не придется платить ни за дисковое пространство для хранения файлов, ни за трафик для их просмотра. Ролики на ваших страницах будут выглядеть так, как будто они находятся на вашем сервере, а в это время YouTube будет заниматься настоящей «тяжелой атлетикой», чтобы дать вам такую возможность!