2013-05-16 6 views
1

나는 2 개의 이미지에서 재생 및 일시 정지를위한 버튼이 하나있는 간단한 Html5 플레이어를 만들기 위해 노력하고 있습니다. 표준 '통제'를하는 대신.Html5 MP3 플레이어

<audio controls="controls"> 
<source src=".ogg" /> 
<source src=".mp3" /> 
</audio> 

어떻게하면됩니까?

답변

5

width45px으로 설정하는 CSS 스타일을 추가하기 만하면됩니다.

CSS :

audio { width: 45px; } 

HTML : 그것은 구글 크롬에서 어떻게 보이는지

<audio controls> 
    <source src="horse.ogg" type="audio/ogg"> 
    <source src="horse.mp3" type="audio/mpeg"> 
Your browser does not support the audio element. 
</audio> 

이입니다.

Audio Button Showcase

이것은 안녕하세요, 그것은 굉장 enter image description here

+0

IE 9

에 감사를 보이는 방법입니다! 재생 버튼을 사용자 정의 할 수있는 방법이 있습니까? 아니면 매우 복잡합니까? – maxmitch