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

Привет! Столкнулся с тем, что при добавлении видео с 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 каналы, там всё о продуктовом дизайне, нейросетях и цифровом кочевничестве 😊

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

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

1

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

1

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