[해피CGI][cgimall] Create Custom Video/Audio Player Controls - mediaStyler

html5 에서 지원되는
audio, video 태그를 이용해서 오디오나, 동영상을 웹페이지에 재생해줄때
간단하게 오디오나, 비디오를 컨트롤러를 CSS를 이용해서 조절하는 플러그인입니다.


다운받은 압축파일의 압축을 해제한후,
audio_demo.html 파일을 웹브라우저로 열어보면

 

 

오디오를 재생하기 위한 컨트롤 예제를 볼수 있습니다.

 

 

 

video_demo.html 파일을 웹브라우저로 열어보면

 

 

 

동영상을 재생하는 버튼 및 플레이타임, 현재 재생되는 구간, 재생시간, 사운트크기, 전체화면으로 등등을
조절하는 컨트롤이 커스텀 된 것을 확인할 수 있습니다.

 

 

 

html 태그를 보면
video 태그에 styleishe 를 줘서
제작자가 컨트롤을 커스텀할수 있도록 간단합니다.

 

 

비디오나, 오디오의 컨트롤을 비교적 간편하게 조절하고 싶을때 사용하기 좋을듯 합니다.