Возможно ли использовать стиль html5 audio tag?



Answers

<audio>

audio::-webkit-media-controls-panel

audio::-webkit-media-controls-mute-button

audio::-webkit-media-controls-play-button

audio::-webkit-media-controls-timeline-container

audio::-webkit-media-controls-current-time-display

audio::-webkit-media-controls-time-remaining-display

audio::-webkit-media-controls-timeline

audio::-webkit-media-controls-volume-slider-container

audio::-webkit-media-controls-volume-slider

audio::-webkit-media-controls-seek-back-button

audio::-webkit-media-controls-seek-forward-button

audio::-webkit-media-controls-fullscreen-button

audio::-webkit-media-controls-rewind-button

audio::-webkit-media-controls-return-to-realtime-button

audio::-webkit-media-controls-toggle-closed-captions-button
Question

Я не нашел никаких ресурсов о том, как это сделать. Что-то простое, как изменение цвета игрока было бы неплохо иметь :)




Если вы хотите стилизовать стандартный музыкальный проигрыватель браузеров в CSS:

audio {
    enter code here;
}



Внешний вид тега зависит от браузера, но вы можете скрыть его, создать собственный интерфейс и управлять воспроизведением с помощью Javascript.




У Кен было это правильно.

тег css :

audio {

}

принесет вам некоторые результаты. кажется, что он не хочет, чтобы игрок имел высоту выше или ниже 25 пикселей, но ширина может быть сокращена или увеличена до некоторой степени.

это было достаточно для меня; см. этот пример (предупреждение, аудио воспроизводится автоматически): www.thenewyorkerdeliinc.com




Links