Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML5 오디오 태그의 스타일을 지정할 수 있습니까?


HTML 5 오디오 태그에 스타일을 지정할 수 있습니다. "controls" 속성이 있는 오디오 태그를 사용하면 기본 브라우저 플레이어가 사용됩니다. 브라우저 컨트롤을 사용하지 않고 사용자 정의할 수 있습니다.

컨트롤 제거 속성, 당신은 내장 브라우저 사용자 인터페이스를 숨길 수 있습니다 -

<audioid = "player" src = "kalimba.mp3"></audio>
<div>
   <buttononclick = "document.getElementById('player').play()">Play</button>
   <buttononclick = "document.getElementById('player').pause()">Pause</button>
   <buttononclick = "document.getElementById('player').volume += 0.2">Vol+</button>
   <buttononclick = "document.getElementById('player').volume -= 0.2">Vol-</button>
</div>

각 요소에 CSS 클래스를 추가하고 그에 따라 스타일을 지정할 수도 있습니다.