Make Big Play Button smaller

[ChunkyProgrammer]

Make Big Play Button smaller

Pull Request Type

• Other - visual improvement

Related issue

closes #5951

Description

This PR adds some transparency to the Big Play Button and adds a max size for it (110px x 110px).

Screenshots (from 22 inch monitor)

Before:
Normal mode:

Theater Mode:

After:
Normal mode:

Theater mode (the button is the same size but it might look smaller on GitHub since the screenshot is larger):

Testing

• I was able to test this on a 22inch monitor, 24inch monitor and 64 inch TV but the TV was zoomed in to 200%. It looked good on these monitors. I'd recommend testing with large monitors (smaller monitors/phones should be fine/the same).

Desktop

• OS: Linux Mint 22
• OS Version: 22
• FreeTube version: latest nightly

[efb4f5ff-1298-471a-8973-3d47447115dc]

Maybe unrelated but what were the dimensions of the pre v0.22.0 button?

[kommunarr]

For reference, our pre-Shaka play button opacity was 0.45:
https://github.com/FreeTubeApp/FreeTube/blob/256b27cfed9cb487735076cbb14108300cdbade7/src/renderer/videoJS.css#L2031C35-L2031C37

[kommunarr]

It's also worth noting that YT does not have this feature on either web or their mobile app. Maybe we change the default setting? Fine for keeping that discussion & implementation to a separate one-line PR if desired, though

[PikachuEXE]

Oh default value is on?
I guess this is from the player we use not from YT
If auto play video is on by default the big button seems not so useful?

[ChunkyProgrammer]

By default in shaka-player, the big play button only appears for mobile users. I'm okay with changing the default to off. @MarmadileManteater you may want to keep it on for FreeTubeAndroid.

[absidue]

@kommunarr I'm slightly confused what you mean by YouTube's mobile app doesn't have this, because from what I can tell it definitely does:

[kommunarr]

@absidue On second check, you're correct, it does have it, but the overlay dismisses itself on clicking the player. My mistake

[kommunarr]

non-blocking: I'd like to see what it would look like at the v0.21 0.45 opacity

[ChunkyProgrammer]

non-blocking: I'd like to see what it would look like at the v0.21 0.45 opacity

0.45:

0.75:

[kommunarr]

I prefer the lower opacity just because it only really matters if it's visible at all versus not. Will go with whichever one the team prefers.

[PikachuEXE]

Ask #5951 guys?