Comments on [ Music Player Tutorial F2U ] All Comments Start of Thread Parent

Oh dear lord... yeah no... ;A; it look like this to me :

unknown.png


well the code of the floating player is the same than other but the box around it is different... I wonder what thoses look like ? (it's the same code a floating but not fixed bottom. without/with the box around)



Song Title
This user is not visible to guests.

oh I think I get it ? maybe ? :0

if I understand things correctly the best apple friendly version should be this (crossing fingers here)

<audio controls="" style="background:rgb(191, 255, 0);padding:4px; width:300px;height:40px;border-radius:10px;"><source src="MP3LINK"></audio>

If not well here is a lot of test to try and figure out what custom option apple don't like exactly...
//sorry for bothering you with all of this I sadly don't have any apple device to test it myself ;-; neither think any of my friends do... this should be the last time I bother you tho//


















This user is not visible to guests.

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

This user is not visible to guests.
4 Replies