Как встроить видео Vimeo.com


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

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

Бесплатный пакет подразумевает загрузку не более 500MB видеофайлов в неделю, создания 3 альбомов, одну группу и один канал. В платном варианте вы сможете еженедельно загружать до 5GB видео и получите некоторые другие преимущества.

См. также запись «Публикация видеоплейлиста (YouTube PlayList) в блоге или на сайте»

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

Как вставить, встроить в пост или на сайт видео Vimeo.com

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

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

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

Как вставить, встроить в пост или на сайт видео Vimeo.com

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

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

Как вставить, встроить в пост или на сайт видео Vimeo.com

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

Как вставить, встроить в пост или на сайт видео Vimeo.com

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

Как вставить, встроить в пост или на сайт видео Vimeo.com

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

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

Как вставить, встроить в пост или на сайт видео Vimeo.com

Осталось его скопировать и вставить в запись или на страницу.

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

Похожие публикации

Поделитесь своими мыслями с помощью ВКонтакте или Facebook!



Оставить комментарий


Примечание - Вы можете использовать эти HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>