Есть элемент video
<video autoplay loop class="bg-video">
<source src="https://d2v9y0dukr6mq2.cloudfront.net/video/preview/abstract-rainbow_wjpctkdes__PM.mp4" type="video/mp4">
</video>
Хочу на него наложить сетку из, например, 9-ти ячеек и далее потом под эти ячейкий события сделать, типо кнопки, но прозрачные, а при наведении на видео эта сетка появляется, как такое сделать? ниже нарисую примерно как я это вижу

Вопрос в том, как саму сетку нарисовать поверх видео.