Как встроить видео Vimeo.com (разместить на сайте)

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

Vimeo.com, как и Youtube, предлагает некоторые платные возможности, но для простого пользователя достаточно и того, что видеохостинг дает бесплатно (как и в случае с Youtube.com): 500 Мб видео в неделю, три альбома, одна группа и один канал – кажется, больше ничего и не нужно, чтобы размещать свои работы.

Заплатив 60 долларов за год, мы получает возможность загрузки 5 Гб видеофайлов в неделю и другие преимущества.

Лирическое отступление: вспомним пост о том, как публиковать видеоплейлист Youtube (playlist) на сайте или в блоге.

Получение кода видеоплеера Vimeo

Код плеера Vimeo для размещения в дневнике, блоге или на сайте можно взять везде, где вы этот плеер видите.

Как встроить видео Vimeo.com (разместить на сайте)

Есть два варианта кода: готовый код плеера Vimeo с настройками по умолчанию и код, который мы настроим сами. Чтобы взять уже готовый код, наводим курсор на окошко плеера и справа вверху выбираем кнопку с бумажным самолетиком (share). А для того, чтобы получить «свой код», нажимаем на логотип Vimeo в правом нижнем углу плеера.

Как встроить видео Vimeo.com (разместить на сайте)

Нажали на «самолетик» и увидели такой экран:

Как встроить видео Vimeo.com (разместить на сайте)

Мы можем поделиться видео на Facebook, в Twitter, отправить ссылку на почту. Кнопка справа скрывает за собой код плеера. Нажмем на нее.

Как встроить видео Vimeo.com (разместить на сайте)

С помощью «Copy» можно скопировать код плеера для вставки его на сайте или в блоге. Ссылка «Customize this embed on Vimeo» ведет туда же, куда логотип видеохостинга – на страничку настройки плеера под свои вкусы.

Это интересно:  Как я хотел участвовать в cy-pr.com, но ничего не получилось

Настройка плеера Vimeo

Перейдя на страницу «кастомизации» плеера Vimeo, мы увидим такой же плеер, где также надо нажать справа вверху на кнопку с бумажным самолетиком «Share» («Поделиться»).

Как встроить видео Vimeo.com (разместить на сайте)

Но на странице видео на сайте Vimeo.com будут доступны настройки, а не только простое копирование кода.

Мы также можем просто скопировать код или нажать справа над «Embed» ссылку «+ Show options» для выбора опций видеоплеера Vimeo.

Как встроить видео Vimeo.com (разместить на сайте)

Во-первых, в правом нижнем углу окошка буде ссылка для тех, кто хочет использовать старый код встраивания без iframe (не знаю, кому это уже нужно).

Далее снимаем галочки и указываем размеры и другое, что нам нужно.

Как встроить видео Vimeo.com (разместить на сайте)

Size: размеры плеера. Изменяя один из размеров (в пикселях), вы автоматически измените и второй – ширину и высоту.

Color: цвет плеера. Есть уже готовые цвета в своих кнопочках, можно вставить код цвета или выбрать в палитре цветов справа.

Intro: ссылки в плеере. Portrait – аватарка автора видео, Title – заголовок видео, Byline – подпись автора.

Special stuff (разные дополнительные настройки): автоматический запуск, автоповтор видео, ссылка на видео, описание видео.

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

Вставка видео Vimeo

Осталось видео скопировать из поля «Embed» и вставить в запись или на страницу.

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

Автор © oleksite.ru

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

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

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

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

семь + 2 =