плееры - кнопочки - Самое интересное в блогах

телеман

Как превратить HTML аудиоплеер в круглую кнопку и разместить его поверх фонового изображения

Четверг, 14 Апреля 2023 г. 00:38 (ссылка)

Это цитата сообщения Marina-Rozina Оригинальное сообщение

Как превратить HTML аудиоплеер в круглую кнопку и разместить его поверх фонового изображения - повтор поста по просьбе

Обычный HTML аудиоплеер выглядит так

Его код:

<audio controls="controls" src="https://img1.liveinternet.ru/images/attach/d/0//51...e_my_brown_eyes_blue.mp3"></audio>

Атрибут «controls» здесь нужен обязательно, т.к. он добавляет панель управления к аудиофайлу. Атрибут «src» указывает путь к воспроизводимому файлу

Я размещу плеер в виде кнопки на изображении с анимацией, которую сама сделала. У меня получилось так

Комментарии (0)Комментировать В цитатник или сообщество

плееры - кнопочки - Самое интересное в блогах

Как превратить HTML аудиоплеер в круглую кнопку и разместить его поверх фонового изображения

<плееры - кнопочки - Самое интересное в блогах