Если не хочешь быть первым - не вставай в очередь!
Обычная таблица или набор слоёв + display: table-*. В первую ячейку соотв. вставляете input, можно целиком на всю ячейку шириной/высотой, задаёте ему фон (в виде алмазика) и убираете у него бордеры, выставляете нужный pdding. Готово!
Элемент видео поместить в обертку (например div) с css position : relative
Внутри обертки после видео разместить элемент с вашей сеткой с css position : absolute; top:0; left:0; width:100%; height:100% и задать z-index, обеспечивающий положение над видео.
Вам нужно 2 вещи: 5 ячеек в базе данных и мальчик, который бегает и считает кол-во установленных камер. Мальчик будет бегать и считать постоянно, внося изменения в БД (тут масса вариантов как именно).
Процитирую "ИгрыПрестолов":
"Если девочка опишет более подробно с чем конкретно у нее сложности - человек даст ответ"