Как расположить плеер с музыкой в центре изображения,
выбранного нами для плеера.
Для своего примера я взяла снежинку-плеер от Mir5
с этого поста - https://www.liveinternet.ru/users/mir5/post465108574/
а здесь, внизу, мой вариант
Вот его формула:
<table background="https://fastpic.co/images/SNEZ9.gif12.gif" border="0" cellpadding="0" height="150" width="150"><tbody><tr><td height="75" style="padding: 0px; text-align: center;" valign="center" width="75"><audio controls="controls" src="ссылка на музыку в mp3" style="width: 20px; height: 20px; border-radius: 100px; box-shadow: 0 0 0 3px #e8e9eb; background-color: black;" type="audio"></audio></td></tr></tbody></table> |
Здесь указаны размеры снежинки - height="150" width="150",
далее - height="75" и width="75" - это местоположение плеера.
В данном случае оно находится в центре, о чем свидетельствую теги:
text-align: center;" valign="center".
Местоположение расcчитать здесь очень просто - 150 : 2 = 75 - середина изображения.
Размеры плеера в формуле - width: 20px; height: 20px;
Цвет ободка плеера #e8e9eb - можно менять применительно к цвету плеера.
Mariea