Случайны выбор дневника Раскрыть/свернуть полный список возможностей


Найдено 1 сообщений
Cообщения с меткой

круглый плеер для лиру - Самое интересное в блогах

Следующие 30  »
Tanyusha100

Работаем над html5 аудиоплеером. Делаем плеер круглым и крепим к картинке.

Воскресенье, 29 Августа 2021 г. 13:45 (ссылка)

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


Работаем над html5 аудиоплеером. Делаем плеер круглым и крепим к картинке.



Как превратить 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)КомментироватьВ цитатник или сообщество

Следующие 30  »

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

Страницы: [1] 2 3 ..
.. 10

LiveInternet.Ru Ссылки: на главную|почта|знакомства|одноклассники|фото|открытки|тесты|чат
О проекте: помощь|контакты|разместить рекламу|версия для pda