BraveDefender Голосов: 1 Адрес блога: http://bravedefender.ru/ Добавлен: 2008-11-14 01:37:23 блограйдером BraveDefender

Как вставить в пост видео Vimeo

В записи "Девочка и коза. Как вставить в пост видео Vimeo" я пообещал рассказать, как это сделать. Рассказал давно, да опубликовать забыл. Здесь, во всяком случае. Поэтому немного переделаю и сокращу пост для ЛиРу. Полный вариант можно прочитать здесь.

У пользователей ЛиРу вызывает сложности вставка в запись или на страницу видео с Vimeo.com. Дело в том, что здесь не поддерживается код iframe, который выдает Vimeo (крупный видеохостинг, немного отличающийся от YouTube, например).

См. также записи:

• 
  Как вставить в пост на Лиру видео YouTube


• 
  Как объединить несколько видео YouTube в один плеер


• 
  Как вставить в пост на ЛиРу видео Первого канала и указать новый размер плеера

Vimeo отличается тем, что на нем хранится большей частью авторское высококачественное видео — творческих людей, изобретателей, видеоуроки и так далее.

Итак, вы видите плеер Vimeo в Интернете и хотите заполучить его себе. Для этого нужно нажать на логотип сайта в правом нижнем углу видеоплеера.

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

Здесь сделаю небольшое отступление. В принципе, код можно получить, никуда не переходя. Нужно навести курсор на правый край плеера и нажать кнопку EMBED (на рис. 1). Но мои браузеры (Opera и Chrome) не показывают правые кнопки, получилось увидеть только в Internet Explorer. Наверное, их блокируют какие-то плагины.

Хотя, в любом браузере можно наугад нажать на правый край видеоплеера Vimeo примерно посередине и также появится окошко с кодом (на рис. 2).

Только в этом случае мы получим код с настройками по умолчанию (ширина 400 пикселей, ссылка на vimeo.com и так далее). Поэтому для своих настроек плеера нужно будет, все равно, переходить на страницу с оригинальным видео (на рис. 3).

Перейдя на авторскую страницу на сайте Vimeo.com, нажимаем кнопку EMBED справа.

Откроется окошко встраивания видео (в Opera может не работать). В верхней части есть код с настройками по умолчанию (на рис. 1 «Get the embed code» — «Получить код для встраивания»), а ниже — ссылка для ваших, пользовательских, настроек (на рис. 2 «Customize embed options» — «Настроить опции под себя»).

Нажимаем на ссылку «Customize embed options» и видим, какие настройки можно изменить.

Size — размер в пикселях (нужно указать ширину или высоту плеера, второй размер изменится автоматически).

Color — цвет плеера (можно выбрать из нескольких предустановленных цветов или правее выбрать свой).

Intro: Portrait, Title, Byline — в углу плеера будет указана иконка видео, название или имя автора.

Другие настройки: Autoplay this video (автоматическое включение), Loop this video (видео будет показываться несколько раз), Show text link below video (под видео будет ссылка на страницу vimeo.com), Show video description below video (под видео будет его описание).

Внизу есть ссылка «Restore default options?», которая сбросит настройки на первоначальные.

После всех настроек переходим к верхней части окна к коду видео. Обратите внимание, что код имеет вид iframe, а он работает не на всех сайтах. Например, видео не будет проигрываться в дневнике liveinternet.ru. Если вам нужен object-код, нужно нажать на ссылку «old embed code» (старый код для встраивания).

Код в окошке поменяется на старый.

Осталось его скопировать и вставить в запись или на страницу. Как это сделать подробно рассказывалось на примере YouTube, Первого канала и в других записях (см. ссылки в начале поста).

В итоге получится, например, такой мультик о девочке и козе аниматора Бенджамина Кенди.

Копирование записи (кроме цитирования ЛиРу) запрещено!