Add YouTube Video Progress

Adds a progress bars (or dots) at bottom of video, a progress text which includes video quality and subtitle indicators, and a chapter title box on the YouTube video page.

< Feedback on Add YouTube Video Progress

Question/comment

§
Posted: 11.01.2023
Edited: 11.01.2023

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.

§
Posted: 11.01.2023
Edited: 11.01.2023

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.



Post reply

Sign in to post a reply.