Greasy Fork

Suggest to delete #player,#player-theater-container{z-index:2}

In YouTube's "Darker Dark Theme", #cinematics is put inside #player. If you set z-index to #player, you will bring the entire #cinematics out of the box and cover everything outside.

Inside #cinematics, there is a transform: scale(XXX) layout. Therefore you cannot set #player as z-index:2

You might change it to #player-container-outer, #player-container-inner, or #movie_player

outer and inner are two layouts for sizing purpose. They might not exist in theater view. Usually there shall be no controls components inside them. Just ```

`#movie_player` is the core layout to contain every controls. It exists in `theater` view also.

Inside #cinematics, there is a transform: scale(XXX) layout.
Therefore you cannot set #player as z-index: 2

You might change it to #player-container-outer, #player-container-inner, or #movie_player

outer and inner are two layouts for sizing purpose. They might not exist in theater view.
Usually there shall be no controls components inside them.

#movie_player is the core layout to contain every controls. It exists in theater view also.

There are also other options like #player-container #ytd-player.