Назад

Как вставить видео на Dprofile и Behance

Видеоплеер
Фоновое видео
Behance
Dprofile

Видео в дизайнерских кейсах помогают наглядно показать красивые анимации или необычные функции интерфейса. Раньше для добавления роликов в кейсы можно было использовать Vimeo, но после ухода сервиса из России создать новый аккаунт и загрузить видео невозможно без VPN.

Теперь вставить видео в проект можно с помощью видеохостинга Kinescope. Мы сделали простой пошаговый гайд, который поможет в пару кликов добавить видео в ваши проекты на Behance и Dprofile.

Подготовка видео

Перед тем, как вставить видео, необходимо загрузить его в Kinescope. Для этого зарегистрируйтесь на платформе или войдите в уже имеющийся аккаунт.

Создайте новый проект через левое меню, в нашем случае проект будет называться «Кейсы».

Для удобства рекомендуем создавать папки под каждый отдельный проект, чтобы в дальнейшем было удобнее взаимодействовать с файлами. Кликните правой кнопкой мыши в окне проекта → «Новая папка».

Осталось зайти в нужную папку и загрузить видео с устройства. Когда ролик будет на платформе, можно перейти к загрузке в портфолио.

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

Чтобы видео вписалось в дизайн-концепцию вашего кейса, используйте гибкие настройки плеера Kinescope. Они позволяют изменить его внешний вид и поведение.

Для настройки плеера перейдите в «Общие настройки» → «Плееры». Затем выберите нужный шаблон или создайте новый.

Обратите внимание, что функция «Автозапуск» включает автоматическое проигрывание видео без звука. Звук появится, когда пользователь повзаимодействует с видео.

Если вы хотите, чтобы видео отображалось без элементов интерфейса, автоматически воспроизводились и зацикливалось — активируйте пункт «Фоновое видео».

Примечание: чтобы использовать шаблон, который вы создадите, нужно выбрать его в настройках каждого видео, к которому вы хотите его применить.

Загрузка видео на Behance

Чтобы вставить видео из Kinescope в проект на Behance, нужно выполнить три простых действия:

1. Создайте новый проект и в том месте, где вы хотите разместить видео, добавьте блок «Встроенный код».

2. Перейдите в Kinescope, правой кнопкой мыши нажмите на нужное видео и выберите пункт «Встроить видео» → «Скопировать фиксированный код».

3. Полученный код разместите в окне вставки на Behance, сохраните изменения и опубликуйте проект.

Важно: встроенный код отображается в предпросмотре только после публикации проекта.

Загрузка видео на Dprofile

Этапы встраивания видео на Dprofile очень похожи на Behance.

1. Создайте новый проект. В месте, где необходимо вставить видео, разместите блок «Встроенный код».

2. Правой кнопки мыши скопируйте код вставки нужного видео в Kinescope.

3. Разместите код в Embed-блоке Dprofile и нажмите на кнопку «Сохранить». Видео отобразится внутри проекта.

Примеры использования

Вот несколько проектов на площадке Dprofile, где есть примеры использования плеера Kinescope:

Этот метод актуален не только для Behance и Dprofile, но и для конструкторов сайтов или CMS. Например, вы можете выбрать блок T123 (HTML-код) в Tilda и также разместить код встраивания видео.

Создать бесплатный аккаунт в Kinescope, чтобы загрузить фоновое видео и познакомиться с другими возможностями продукта, можно по ссылке.

Готовы начать?

Создайте аккаунт или свяжитесь с нами
Попробовать бесплатно