Как сделать такое с помощью SVG?

Question

[Капитан Какао]

Всем привет, ребята подскажите пожалуйста как с помощью SVG сделать что-то подобное.
При условии что в первом блоке у нас слайдер, а во втором видео.

Answer 1

[Максим]

codepen.io/Geyan/pen/NpLaEX?editors=1100

Comments

[Капитан Какао]

Спасибо, решил делать через илюстратор svg. По типу как в Вашем примере.

[Максим]

Rad Cor: я руками рисовал и так же дописывал мета теги для svg

Answer 2

[Роман Мисюра]

1. Смотреть в сторону clip-path (но не работает в FireFox - галочку ставить надо + caniuse.com/#feat=css-clip-path )
2. Там где слайдер можно использовать png изображения обрезанные по шаблону.

Comments

[Капитан Какао]

clip-path знаю, но это не подходит.

[Роман Мисюра]

https://codepen.io/yoksel/full/fsdbu/ , тогда ничего толком не подойдет.