{"id":14290,"url":"\/distributions\/14290\/click?bit=1&hash=bece6ae8cf715298895ba844b6416416882fe02c5d18dab2837319deacd2c478","title":"\u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0446\u0438\u0438 \u043a\u0430\u043a \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u0440\u0430\u043d\u044c\u0448\u0435 \u0445\u043e\u0442\u044f\u0442 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0430\u0442\u044c \u0441 \u043c\u0430\u043b\u044b\u043c \u0431\u0438\u0437\u043d\u0435\u0441\u043e\u043c","buttonText":"","imageUuid":""}

Elia Lushnikov

3 мая в 15:51 3 мая

Как добавить видео на Беханс

Привет! Столкнулся с тем, что при добавлении видео с Vimeo на Behance возникает много проблем:

Ролик не растягивается на всю ширину макета
Не воспроизводится автоматически
Не зацикливается
Присутствуют лишние элементы, такие как название, логотип канала, настройки воспроизведения, кнопки шеринга и тд.

Как нормально встроить видео в ваш проект?

Если коротко, то используйте этот код:

<div style="position:relative;width:100vw;height:300px;overflow:hidden;">
<iframe src="https://player.vimeo.com/video/935757034?autoplay=1&loop=1&title=0&byline=0&portrait=0&autopause=0&controls=0"
frameborder="0"
allow="autoplay; fullscreen; picture-in-picture"
style="position:absolute;top:0;left:50%;transform:translateX(-50%);width:1920px;height:300px;"
title="Pokedex">
</iframe>
</div>

А если хотите разобраться подробнее, то вот в этом видео я всё подробно рассказал:

Если хотите узнать больше о дизайне и нейросетях – подписывайтесь на мои телеграм и youtube каналы, там всё о продуктовом дизайне, нейросетях и цифровом кочевничестве 😊

3.1K показов

203 открытия

{"id":287992,"url":"https:\/\/vc.ru\/u\/287992-elia-lushnikov","name":"Elia Lushnikov","avatar":"66dc7b19-f64d-5051-89b0-8eb8c6f6c7e0","karma":9,"description":"\u041f\u0440\u0438\u0432\u0435\u0442, \u043c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0418\u043b\u044c\u044f! \u042f \u0440\u0430\u0431\u043e\u0442\u0430\u044e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c \u0443\u0436\u0435 \u0431\u043e\u043b\u0435\u0435 12 \u043b\u0435\u0442. \u0414\u0435\u043b\u044e\u0441\u044c \u043e\u043f\u044b\u0442\u043e\u043c \u0432 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0438\u00a0\u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u044e \u043e \u0436\u0438\u0437\u043d\u0438 \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0433\u043e \u043a\u043e\u0447\u0435\u0432\u043d\u0438\u043a\u0430 \ud83e\udd18","isMe":false,"isSubscribed":false,"isNotificationsEnabled":false,"isShowMessengerButton":false,"isShowSubscribe":true,"hasBadge":false,"badgeType":null,"badgeUuid":null,"badgeUrl":null,"hasVideoAvatar":false}

3 комментария

Sam Duke

3 мая

спасибо за рекомендацию, так удобнее и понятнее будет

Ответить

Развернуть ветку

Дмитрий Уманов

4 мая

Чтобы добавить видео на Behance, просто перейдите на страницу проекта, нажмите 'Добавить работу' и выберите 'Видео'. Загрузите ваше видео и дайте ему название и описание, чтобы люди могли легко его найти и понять, что оно из себя представляет

Ответить

Развернуть ветку

Artem Markovsky

5 мая

Есть и более простой метод. Используйте https://kinescope.io/ при размещении видео, там все платные функции Vimeo доступны бесплатно

Ответить

Развернуть ветку

Написать комментарий...

0 комментариев

Раскрывать всегда