Как вставить видео на Dprofile и Behance
Видео в дизайнерских кейсах помогают наглядно показать красивые анимации или необычные функции интерфейса. Раньше для добавления роликов в кейсы можно было использовать 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, чтобы загрузить фоновое видео и познакомиться с другими возможностями продукта, можно по ссылке.