Ah thanks you very much ! I think I understand about everything now (hopefully)
with custom html stuff there will always be issues with stuff displaying differently/broken on others devices sadly but I'll make the default colored version to be the 'apple-friendly' one so it will look normal to most people at least. thanks you for the help figuring that out
if you're curious btw here are the explainations : The 'problem' is that the player have a fixed height size who doesn't change to fit the colored part (unlike the other player do) so you need to 'manually' adapt the size, which require : - width superior or equal to 200px (because otherwise the player part turn into a square) - border radius 10~15px (same as the player part) - height that 'match' the padding (exemple : height40+padding4 ; height35+padding2) > 'height' only change the colored part height > 'padding' change the distance between the color part top and the player part top
I edited the pre-made/sample players codes on the page to be one of the apple-friendly ones, and added a link to the comment with the explaination so it should be fine-ish hopefully //the sample should look aligned to you as well now if I didn't messed up something
There is so much infos to share it's hard to keep the page organised
ah yeah that's normal I just putted the most squared and most rounded option to show the two 'extreme' but they're changeable just with editing border-radius:40px; thing (apple is 10~15px)
The rounded one is what works the best for the chrome player actually
I'm debating on wether or not I should put a third version with the apple shape.. I'll probably do
Ah thanks you very much ! I think I understand about everything now (hopefully)
with custom html stuff there will always be issues with stuff displaying differently/broken on others devices sadly but I'll make the default colored version to be the 'apple-friendly' one so it will look normal to most people at least. thanks you for the help figuring that out
if you're curious btw here are the explainations :
The 'problem' is that the player have a fixed height size who doesn't change to fit the colored part (unlike the other player do) so you need to 'manually' adapt the size, which require :
- width superior or equal to 200px (because otherwise the player part turn into a square)
- border radius 10~15px (same as the player part)
- height that 'match' the padding (exemple : height40+padding4 ; height35+padding2)
> 'height' only change the colored part height
> 'padding' change the distance between the color part top and the player part top
3 years, 19 days ago Edited 10:27 pm
3 years, 19 days ago
Yes thanks you again for your time
I edited the pre-made/sample players codes on the page to be one of the apple-friendly ones, and added a link to the comment with the explaination so it should be fine-ish hopefully
//the sample should look aligned to you as well now if I didn't messed up something
There is so much infos to share it's hard to keep the page organised
and you're fine buddy don't worry
3 years, 19 days ago Edited 10:27 pm
3 years, 19 days ago
ah yeah that's normal I just putted the most squared and most rounded option to show the two 'extreme' but they're changeable just with editing border-radius:40px; thing (apple is 10~15px)
The rounded one is what works the best for the chrome player actually
I'm debating on wether or not I should put a third version with the apple shape.. I'll probably do
3 years, 19 days ago Edited 10:28 pm
3 years, 19 days ago