当前位置: 首页 > 工具软件 > html5media > 使用案例 >

html5 audio样式修改,HTML5中 audio的样式设置

羊柏
2023-12-01

直接在样式表中设置对应的样式:

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

另外的途径就是通过自己写DOM,监听DOM上的事件,通过JS来调用真实的audio的各种方法,获取audio提供的各种属性。

 类似资料: