Как на html5 плеер наложить обычную таблицу или сделать сетку из дивов?

Question

[pxe45746]

Есть элемент 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-ти ячеек и далее потом под эти ячейкий события сделать, типо кнопки, но прозрачные, а при наведении на видео эта сетка появляется, как такое сделать? ниже нарисую примерно как я это вижу

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

Answer 1

[VA_ic2b]

Элемент видео поместить в обертку (например div) с css position : relative
Внутри обертки после видео разместить элемент с вашей сеткой с css position : absolute; top:0; left:0; width:100%; height:100% и задать z-index, обеспечивающий положение над видео.

Comments

[Дмитрий Гавриленко]

absolute будет позиционироваться внутри relative?

[VA_ic2b]

да, конечно.