Firefox를 비롯한 모든 주요 기기 및 브라우저에서 동영상을 재생하는 방법은 무엇입니까?

Question

내 목표는 모든 주요 브라우저를 지원하는 웹 사이트에 비디오 플레이어를 설치하는 것입니다.

동영상을 4 가지 동영상 형식 (.ogg, .mp4, .webm &.swf)으로 변환했습니다.

코드에서 HTML 5 요소는 mp4, ogg 또는 webm 형식으로 비디오를 재생하려고합니다. 이 작업이 실패하면 코드는 "fall back"하여 object 요소를 시도하고 object도 실패하면 embed 요소를 시도합니다.

Chrome, Safari, Ipad/Iphone, Android에서는 제대로 작동하는 것으로 보이지만 Firefox와 Internet Explorer에는 문제가 있습니다. 그것은 저에게 모든 브라우저에 포스터 .jpg 및 Firefox에 뒤에 오는 과실 메시지를 보여준다.

지원되는 형식 및 MIME 형식이있는 비디오가 없습니다.

사람이 코드을 향상 에 나를 도울 수 또는 나 파이어 폭스, 인터넷 익스플로러와 사파리에도 동영상을 재생하는 데 도움이 몇 가지 아이디어를 촬영?

<video width="320" height="240" controls="controls" poster="may_28_2012_F6_HQ.jpg"> 
    <source src="may_28_2012_F6_HQ.ogg" type="video/ogg" /> 
    <source src="may_28_2012_F6_HQ.mp4" type="video/mp4" /> 
    <source src="may_28_2012_F6_HQ.webm" type="video/webm" /> 
    <object width="320" height="240" data="may_28_2012_F6_HQ.mp4"> 
     <embed width="320" height="240" src="may_28_2012_F6_HQ.swf"> 
      Your browser does not support video 
     </embed> 
    </object> 
</video> 

Answer 1

자바 스크립트를 사용하여 브라우저를 감지하고 해당 비디오 형식을 삽입해야한다고 생각합니다. jQuery를 사용하여 같은

:

if($.browser.mozilla) { 
    // using ogg 
}else if($.browser.webkit) { 
    // using mp4 
}else if($.browser.opera) { 
    // as webkit 
}else { 
    // using flash as player 
} 

Answer 2

수 있음 사용이 선수 http://mediaelementjs.com/

Answer 3

파이어 폭스 오류 발견 지원되는 형식 및 MIME 유형 없음 비디오. 당신은`object`와`embed` 심지어처럼 사용할 수 있습니다 당신의 .htaccess 파일

AddType video/mp4 mp4 m4v f4v f4p 
AddType video/ogg ogv 
AddType video/webm webm 
AddType video/x-flv flv