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

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

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

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

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

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

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

Как вставить, встроить в пост или на сайт видео Vimeo.com/2447247_vimeocode2 (520x298, 9Kb)

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

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

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

Как вставить, встроить в пост или на сайт видео Vimeo.com/2447247_vimeocode3 (520x299, 16Kb)

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

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

Как вставить, встроить в пост или на сайт видео Vimeo.com/2447247_vimeocode4 (520x369, 14Kb)

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

Как вставить, встроить в пост или на сайт видео Vimeo.com/2447247_vimeocode5 (455x616, 42Kb)

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

Как вставить, встроить в пост или на сайт видео Vimeo.com/2447247_vimeocode6 (432x218, 11Kb)

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» (старый код для встраивания).

Как вставить, встроить в пост или на сайт видео Vimeo.com/2447247_vimeocode7 (435x226, 14Kb)

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

Как вставить, встроить в пост или на сайт видео Vimeo.com/2447247_vimeocode8 (441x232, 18Kb)

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

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

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.