How can I add text on top of a video background?

I’m trying to add text to my page and it keeps going on the bottom of the page. I tried z-index, but it’s still not working. Starting to get a little frustrated. lol. Any help would be great!

See the Pen GmBQPP by Vincent Collins (@Tillix) on CodePen.

Add position: absolute; to the video, that will remove the video from the “flow of the page” (not sure how to call this).

Note that just adding z-index doesn’t work, because it only effects the z-direction (depth).