@pxe45746

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

Есть элемент 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-ти ячеек и далее потом под эти ячейкий события сделать, типо кнопки, но прозрачные, а при наведении на видео эта сетка появляется, как такое сделать? ниже нарисую примерно как я это вижу
f937788f53624b2d959107120e34c797.png
Вопрос в том, как саму сетку нарисовать поверх видео.
  • Вопрос задан
  • 496 просмотров
Решения вопроса 1
@VA_ic2b
Элемент видео поместить в обертку (например div) с css position : relative
Внутри обертки после видео разместить элемент с вашей сеткой с css position : absolute; top:0; left:0; width:100%; height:100% и задать z-index, обеспечивающий положение над видео.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы