Возможно ли использовать стиль 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 {

}

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

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




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




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

audio {
    enter code here;
}



Related



Tags

html5   audio