Placeholder

Как вставить видео на Dprofile и Behance: пошаговая инструкция

Видео оживляет любой кейс, но как его добавить, если Vimeo недоступен? Мы подготовили простой гайд, который поможет вам встроить видео на Behance и Dprofile через Kinescope, настроить его для автозапуска и органично вписать в дизайн вашего проекта.

Денис Коннов
13:45
,
13.1.2025
11
мин.

Чтобы добавить видео в свои проекты на Behance и Dprofile после ухода Vimeo из России, используйте видеохостинг Kinescope. Он позволяет загрузить ролик, настроить внешний вид плеера и легко встроить его на любую платформу с помощью HTML-кода. Этот метод идеально подходит для демонстрации анимации и интерактивных элементов в ваших кейсах.

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

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

Перед тем как встроить видео, его нужно подготовить. С Kinescope это просто:

Зарегистрируйтесь на платформе или войдите в существующий аккаунт.

Интерфейс Kinescope с папками проектов для дизайнерских кейсов, шаг 1

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

Интерфейс Kinescope с папками проектов для дизайнерских кейсов, шаг 2

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

Интерфейс Kinescope с папками проектов для дизайнерских кейсов, шаг 3

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

Чтобы видео органично вписалось в дизайн-концепцию вашего кейса, настройте внешний вид плеера. В Kinescope это можно сделать в разделе «Общие настройки» → «Плееры», создав новый шаблон или отредактировав существующий.

Настройка параметров фонового видео в плеере Kinescope

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

Важно: имейте в виду, что на устройствах Apple в режиме энергосбережения автозапуск видео может быть ограничен.

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

Встроить видео из Kinescope в проект на Behance можно всего за три шага:

Шаг 1. Создайте новый проект на Behance и в нужном месте добавьте блок «Встроенный код» (Embed).

Окно вставки HTML-кода для видео на платформе Behance

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

Процесс копирования кода для встраивания видео в Behance

Шаг 3. Вернитесь на Behance, вставьте скопированный код в созданный блок и сохраните.

Процесс копирования кода для встраивания видео в Behance

Обратите внимание, что предпросмотр встроенного видео на Behance станет доступен только после публикации проекта.

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

Процесс для Dprofile практически идентичен:

Шаг 1. В новом проекте на Dprofile добавьте блок «Встроенный код».

Процесс копирования кода для встраивания видео в Kinescope, шаг 1

Шаг 2. Скопируйте код для встраивания нужного видео из Kinescope.

Процесс копирования кода для встраивания видео в Kinescope, шаг 2

Шаг 3. Вставьте код в Embed-блок на Dprofile и сохраните. Видео сразу же появится в вашем проекте.

Процесс копирования кода для встраивания видео в Kinescope, шаг 3

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

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

Этот метод подходит не только для платформ портфолио, но и для любых конструкторов сайтов или CMS. Например, вы можете использовать его для вставки видео на Tilda.

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

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

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

Часто задаваемые вопросы

Почему для вставки видео в портфолио лучше использовать Kinescope, а не YouTube?

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

Что такое «фоновое видео» и почему оно хорошо подходит для кейсов?

Фоновое видео — это режим плеера, при котором ролик воспроизводится автоматически, без звука, по кругу и без видимых элементов управления. Такой формат идеален для демонстрации UI-анимации или моушн-дизайна, потому что видео выглядит как живая, интегрированная часть проекта, а не как отдельный ролик.

Нужно ли платить за Kinescope, чтобы добавить видео в портфолио?

Вы можете начать с бесплатного аккаунта в Kinescope. Он позволяет загружать видео и использовать основные функции, включая настройку плеера и получение кода для встраивания. Этого более чем достаточно, чтобы разместить ролики в проектах на Behance или Dprofile.