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

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

Хотя, в любом браузере можно наугад нажать на правый край видеоплеера 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. Инструкция в картинках

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

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

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

Самое интересное в блоге

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

19 − 5 =