A frame with an overlay of a picture and a button on top of the video?

Question

css

I don’t know how to make such a frame, help :c
It needs to be full screen

Answer 1

The video tag has a special poster attribute - there you can specify a link to the desired image.
The button can be positioned and placed using a pseudo-element.
Also, if the option with a poster is not suitable, you can do it with a picture.
Or this option: we make a parent element, it has two children. In the first (it will be in the background), we place the video. In the second (it will be in the foreground) we place a picture (it can be used as a background), and in the same element we insert another one that will contain the Play button. Center it with flexbox.

Answer 2

Something like this is possible: