Я хочу поставить невидимые кнопки поверх видео

Question

Я хотел создать сайт с невидимыми кнопками поверх видео, и когда я нажал на них, видео изменилось. Моя проблема с CSS Я пытался поместить видео под кнопками несколькими способами, и ни один не работал. Я попытался сначала поставить тег видео, а видео в качестве фона тела, но он заполнил все. Мой код

JSBin

#corpo {
  background-color: #fde9ec;
  width: 40em;
  height: 40em;
  margin: 12px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-around;
}

video{
  width: 40em;
}