User:Toad64/Sandbox: Difference between revisions

Toad64 (talk | contribs)
No edit summary
Toad64 (talk | contribs)
attempt to make custom styled mediaplayer
Line 1: Line 1:
[[File:Curio music.mp3]]
<div class="my-custom-player-wrapper">
 
[[File:Curio music.mp3]]
 
<div class="custom-audio-player">
    <button id="p-play" style="background:#36c; color:white; border:none; border-radius:50%; width:30px; height:30px; cursor:pointer;">▶</button>
    <span id="p-current" style="font-size:12px; font-family:monospace;">0:00</span>
    <input type="range" id="p-seeker" class="mw-seeker" min="0" value="0" step="0.1">
    <audio id="p-audio" src="URL_HERE" preload="metadata"></audio>
</div>
</div>