Overlaying a DIV On Top Of HTML 5 Video

Question

I need to overlay a div ON TOP of a div containing an HTML 5 video. In the example below the overlaying div\'s id is \"video_overlays\". See example below:

Answer 1

for this you need to just add css like this:

#video_overlays {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.46);
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#video_box{position: relative;}