2011-02-14 3 views
4

HTML5 video 태그를 지원하는 사용 도구는 mp4를 컨테이너로 사용하고 H.264를 코덱으로 사용합니까? 누구든지 이것을위한 정규식을 생각해 냈습니까?HTML5 <video> 태그에서 mp4/H.264 비디오를 지원하는 사용 도구는 무엇입니까?

업데이트 : 의견을 보내 주셔서 감사합니다. 언급하는 것을 잊어 버렸습니다. 백엔드에서이 작업을 수행하는 것이 바람직합니다. 즉 현대화 프로그램과 같은 것이 작동하지 않을 것임을 의미합니다.

+0

페이지에 http :

예를 들어

, 당신은 작성할 수 Modernizer에서 봐 // 유래 .com/questions/3688883/html5-video-codec-support/4704613 # 4704613 해당 시점의 상황 – bzlm

+0

caniuse.com에는 유용한 페이지가 있습니다. http://caniuse.com/#feat=mpeg4 –

답변

1

사용자 에이전트 스니핑이 필요하지 않더라도 정규식에 대해 확실하지 않습니다. <video> 요소는 사용자 에이전트가 지원하는 방식으로 여러 형식으로 동영상에 대한 참조를 포함하도록 설계되었습니다. a great example에 대한 HTML5의 비디오 다이빙 장을 참조하십시오.

HTML5로 다이브 또한 a good list of browser support of HTML5 video입니다.

5

데스크톱 :

  • IE6-8 : 없음
  • IE9-10 : H.264
  • 크롬 : WebM 사용 및 H.264
  • 파이어 폭스 3.6 : 오그 테오 라 (Theora)
  • 파이어 폭스 4 + : WebM
  • Opera : WebM
  • Safari : H.264

모바일 :

  • 아이폰 OS : H.264
  • 크롬 안드로이드 : H.264와 WebM을
  • 파이어 폭스 안드로이드 : H.264와 WebM을
  • IE 윈도우 폰에 대한 7.5-8 : H.264
  • 오페라 12 : H.264

자세한 내용은 HTML5 Test를 참조하십시오. 참고 사항 : 안드로이드 ("브라우저"라고 불리는)의 기본 브라우저는 코덱에 대한 지원을 표시하지 않지만, 전화 회사가이를 결정할 때까지 있다고 생각합니다. 하드웨어 가속으로 H.264를 보증 할 수 있다고 확신합니다. 그 코덱은 모바일 프로세서에 내장되는 경향이 있습니다. 또한 데스크톱 용 Firefox와 관련하여 H.264 지원 later this year이 지원됩니다.

편집 : 지원 매트릭스가


2013년 3월 22일

에 업데이트 된 위 그래서 지원해야하려는 두 개의 비디오 형식의 WebM 및 H.264이다. 그러나 H.264가 웹 비디오 표준의 표준이되고 있습니다.

사용자 에이전트 스니핑을 사용하지 마십시오. 신뢰할 수없고 오류가 발생하기 쉽습니다. <video> 태그를 감지하는 더 좋은 방법이 있습니다.명시 적으로 특정 코덱을 감지하는 경우,

if (!Modernizr.video) 
{ 
    // Implement some Flash fallback 
} 

또는 ...

if (!Modernizr.video || (Modernizr.video && !Modernizr.video.h264)) 
{ 
    // Flash fallback here 
} 
관련 문제