Как наложить маску на video html?

Question

[WebforSelf]

Есть блок с фоном в виде видео.


Как наложить на нее маску чтоб получилось

Вот так

С изображением понятно, через svg вставляем, а вот с видео не совсем понятно как реализовать.
Идея такая, фон белый, там будет контент вокруг, а шар это маска через которую показывает кусок видео который лежит под слоем.

Answer 1

[RAX7]

Answer 2

[Aetae]

Точно также через css можно наложить svg маску на что угодно.
Но в конкретном случае - когда нужен круг - лучше просто положить видео в контейнер с border-radius: 50% и overflow: hidden - меньше процессор страдать будет.)

Comments

[WebforSelf]

Проблема в том что круг уходит же за область, а видео не должно уходить

[Konfy]

overflow: hidden - меньше процессор страдать будет

С этого момента поподробнее

[Aetae]

WebforSelf, ну базовый css. Сдвинуть туда - сдвинуть сюда. Не вижу проблемы, короче.