Posts in "YouTube" category

Как создать веб-сайт, используя видео с YouTube в качестве фона?

Перевод статьи с сайта Design Modo, автор Sam Norton

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

Кроме того видео-фоны могут воспроизводиться плавно и без «тормозов» в отличие от фонов, созданных с помощью JavaScript, которые требуют загрузить определенный код и изображения прежде чем пользователь увидит результат анимации.

Существуют компании, как, например, Powerhouse или Adidas, которые используют видео в качестве заднего плана сайта, чтобы донести до пользователя определенное сообщение или историю о продукте или услуге.

Хотя и наиболее популярным способом создания видео-фона является использование HTML5 видео тега вместе с некоторыми параметрами CSS, стоит также обратить внимание на альтернативные источники видео, например, YouTube. В этом случае, вам не придется переживать о медленном ответе сервера, потому что запрос будет отправляться напрямик в YouTube.

В этой статье, я покажу вам, как можно построить клевый сайт, использующий видео с YouTube в качестве фона. Мы будем использовать jQuery.mb.YTPlayer.js для редактирования и управления внешним видом нашего видео. Итак, приступим!

Скачать исходники Демо

Продолжить чтение…

Видео недели (28.01-06.03)

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

[youtube]http://www.youtube.com/watch?v=RP4abiHdQpc[/youtube]

Видео недели (31.01-06.02)

Для многих Майкл Джексон не умер. Говорят, что он живет в Бразилии и водит такси. И это правда! Водитель такси в местечке Minas Gerais, имитирующий Короля Поп Музыки, стал сенсацией в Интернете.

[youtube]http://www.youtube.com/watch?v=9_DLEysEqSM[/youtube]

Видео недели (24.01-30.01)

A Boy dunks himself by accident through a basketball hoop during the halftime of a Phoenix Suns game.

[youtube]http://www.youtube.com/watch?v=eBd0N-cpTXc[/youtube]

Видео недели (17.01-23.01)

[youtube]http://www.youtube.com/watch?v=PjNF7HoQ6yY[/youtube]

Видео недели (10.01-16.01) | Садовое кольцо за одну минуту!

Это видео сделал я сам с помощью Яндекс.Панорам. Время исполнения — 3 часа. Количество скриншотов — 715.

[youtube]http://www.youtube.com/watch?v=O422sa0Jo90[/youtube]

Видео недели (27.12-02.01)

Без комментариев! Просто наслаждайтесь!

[youtube]http://www.youtube.com/watch?v=Niq5dzmDfyo[/youtube]

[youtube]http://www.youtube.com/watch?v=CXpwKOPeEJY[/youtube]

Видео недели (20.12-26.12)

Самые удачливые люди 2010 года!

[youtube]http://www.youtube.com/watch?v=u3L2_Z2V2tg[/youtube]

Видео недели (13.12-19.12)

Задержать лихача за рулем «Хендэ Терракан», который протаранил около двух десятков автомобилей на Садовом кольце, удалось не сразу.

Видео недели (29.11-05.12)

13 ноября ничего не подозревающие люди, мирно наслаждающиеся обедом, вдруг получили большой сюрприз! Более ста человек из хора приняли участие в этом флешмобе! Это стоит посмотреть!

[youtube]http://www.youtube.com/watch?v=SXh7JR9oKVE[/youtube]

туда »