Увеличение блока при клике и переход

подскажите как сделать такой эффект при переходе на страницу. сам блок

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

Подскажите, как так возможно сделать, есть ли какие то примеры


Ответы (1 шт):

Автор решения: BlackStar1991

Я бы решал данную задачу через масштабирование свойства clip-path для видео...

const vid = document.getElementsByTagName('VIDEO')[0];
const button = document.getElementsByTagName('BUTTON')[0];
button.addEventListener('click', () => vid.play());

Повесил бы обработчик клика на оббертку блока, и по нажатию его масштабировал что бы видео становилось видимым

→ Ссылка