video 태그 종류별로 사용하기 위한 Apache 설정

HTML5 video 태그를 사용할때 주의할 점.

다른 브라우저들은 그냥 mp4, webm, ogv 등등 지원하는 포맷에 맞게 코딩만 해주면 알아서 잘 재생 해 준다.

그러나 파이어폭스는 달랐다.. ;; 

<video id="video" controls autoplay loop width="100%" height="768">

<source src="./video/mov.webm" type="video/webm" />

<source src="./video/mov.ogv" type="video/ogg" />

<source src="./video/mov.mp4" type="video/mp4" />

</video>

이렇게만 쓰면 파폭에서 재생 가능한 MIME타입을 찾을 수 없다고 나온다.

굉장히 당황스럽지만.. 마음을 가다듬고 삽질 시작.. 

약 3시간정도를 삽질 한 후, stackoverflow에 가서야 답을 찾았다.

관련링크 : 

http://stackoverflow.com/questions/11143795/firefox-html5-video-works-on-my-local-not-live-site

웹서버에 AddType을 써줘야 한단다.. 

#AddType TYPE/SUBTYPE EXTENSION
AddType audio/mpeg mp3
AddType audio/mp4 m4a
AddType audio/ogg ogg
AddType audio/ogg oga
AddType audio/webm webma
AddType audio/wav wav

AddType video/mp4 mp4
AddType video/mp4 m4v
AddType video/ogg ogv
AddType video/webm webm
AddType video/webm webmv

결국 위 내용을 적용시킨 후 서버 재시작 하니 잘 된다.