HTML5 비디오 사용자 정의 볼륨 컨트롤 표시

Question

html5 비디오를 사용자 정의하고 볼륨 컨트롤 만 표시하고로드시 자동 재생하고 나머지 컨트롤을 숨기고 싶습니다. 마지막에 다시 재생 버튼을 표시하고 싶습니다. 모든 도움을 주셔서 감사합니다!

<video id="video_1"        
          autoplay="autoplay" width="100%" height="264" 
          poster="videos/benstatue.jpg" 
          > 
         <source src="videos/benstatue.mp4" type='video/mp4' /> 
         <source src="videos/benstatue.webm" type='video/webm' /> 
         <source src="videos/benstatue.ogv" type='video/ogg' /> 
         </video> 

고마워요!

Answer 1

controls 속성을 사용하면 모든 제어 기능을 활성화 할 수 있습니다. 볼륨 컨트롤 만 원할 경우 JavaScript로 만들어야합니다. 여기 튜토리얼 : http://www.broken-links.com/2009/10/06/building-html5-video-controls-with-javascript/

당신은 또한 libary http://www.videojs.com/