Firefox 3.6에 OGG 비디오를 제공하고 Firefox 4에 WEBM 비디오를 제공하는 방법은 무엇입니까?

Question

내 코드는 다음과 같습니다 :

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

또는 다음과 같이 :

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

Webm 소스를 먼저 나열하면 Firefox 4가 재생하지만 Firefox 3.6도 재생하려고합니다. webm을 지원하지 않기 때문에).

대신 ogg 소스를 먼저 나열하면 두 버전 모두에서 재생되므로 웹 버전은 쓸모가 없습니다.

파이어 폭스 4가 웹을 무시하도록 ogg 및/또는 Firefox 3.6을 무시하게하는 방법 (브라우저 스니핑 없음)이 있습니까?

보조 질문 - ogg는 두 버전 모두에서 작동하므로 실제로 webm을 사용할 때 어떤 이점이 있습니까?

Answer 1

Firefox 3.6은 WebM을 재생할 수 없다는 것을 알고 있어야합니다. 당신의 <source> 태그에 codecs를 지정하려고 : 소스 요소에 선호하는 순서가있다

<video poster="movie.jpg" controls> 
     <source src='movie.webm' type='video/webm; codecs="vp8.0, vorbis"'> 
     <source src='movie.ogv' type='video/ogg; codecs="theora, vorbis"'> 
     <source src='movie.mp4' type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'> 
     <p>This is fallback content</p> 
</video> 

Answer 2

:

1. MP4 - 지원되는 형식이 먼저 나열되지 않은 경우 아이 패드는 동영상 재생에 문제가 있습니다 . mp4가 제일 먼저 오는지 확인하십시오.
2. webm - webm은 ogg보다 높은 품질을 제공하므로이 두 가지를 모두 지원하는 브라우저는이 순서로 나열되면 먼저 webm을 선택합니다.
3. ogg - webm (또는, 분명히 mp4)을 지원하지 않는 브라우저를 다루기 위해 마지막으로이 목록을 나열하십시오.

브라우저는 맨 위에서 검색하고 지원하는 첫 번째 페이지를로드하지만 순서는 제가 방금 설명한대로 다른 의미를 갖습니다. 브라우저가 지원하지 않으면 형식을 건너 뜁니다.