Как вставить видео на Dprofile и Behance
Хотите использовать в кейсах видео, чтобы наглядно показать красивые анимации или необычные функции интерфейса?
Раньше для этого можно было использовать Vimeo, но после ухода сервиса из России создать новый аккаунт и загрузить видео невозможно без VPN.
Мы сделали простой пошаговый гайд по вставке видео из Kinescope в ваши проекты на Behance и Dprofile.
Подготовка видео
Перед тем, как вставить видео, необходимо загрузить его на нашу платформу. Для этого зарегистрируйтесь на платформе по ссылке или войдите в уже имеющийся аккаунт.
Создайте новый проект через левое меню, в нашем случае проект будет называться «Кейсы».
Для удобства рекомендуем создавать папки под каждый отдельный проект, чтобы в дальнейшем было удобнее взаимодействовать с файлами. Сделать это можно, нажав правую кнопку мыши.
Осталось просто перейти в нужную папку и загрузить видео с устройства. Теперь, когда видео уже на платформе, можно перейти к загрузке в портфолио.
Настройка плеера
Благодаря гибким настройкам плеера можно изменить внешний вид и поведение плеера, чтобы видео лучше вписалось в дизайн концепцию вашего кейса.
Для настройки плеера перейдите в настройки «Общие настройки» → «Плееры». Затем выберите нужный шаблон или создайте новый.
Обратите внимание, что при активации пункта «Автозапуск», видео будет проигрываться автоматически, но без звука, до момента, пока пользователь не начнёт взаимодействовать с видео.
Если вы хотите, чтобы видео отображалось без элементов интерфейса, а также автоматически воспроизводились и зацикливалось — активируйте пункт «Фоновое видео».
Примечание: При создании нового шаблона, в настройках видео будет нужно выбрать его и для конкретного видео, чтобы применить изменения.
Загрузка видео на 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, чтобы загрузить фоновое видео, можно по ссылке.