HTML5 비디오

위키백과, 우리 모두의 백과사전.
(HTML5 동영상에서 넘어옴)
이동: 둘러보기, 검색
HTML
HTML5 video icon.svg
v  d  e  h

HTML5 비디오 태그는 HTML5 초안 규격에서 소개된 마크업 언어 태그로 HTML 페이지의 동영상을 임베드(embed)하는 것을 지원해 준다. 2010년 4월, 어도비 플래시 플레이어유튜브와 같은 웹사이트에서 동영상을 포함하는데 널리 사용된다. 이것은 애플의 아이폰이나 아이패드와 같은 특정 브라우저를 제외하고는 대다수의 웹 브라우저에 어도비 플래시 플레이어가 설치되어 있기 때문이다. HTML5 동영상은 동영상 온라인을 보여주기 위한 새로운 표준 방식이 될 예정이었지만, 어떤 동영상 포맷이 동영상 태그에서 지원될 것인지 하는 것에 대한 합의 부족으로 방해를 받아왔다.

예제[편집]

아래의 HTML5 코드는 WebM 비디오를 웹 페이지에 포함한다.

<video src="movie.webm" controls>
브라우저가 비디오 태그를 지원하지 않으면 이 문자열이 나타납니다.
</video>

지원 브라우저[편집]

현재의 HTML5 초안 규격에는 동영상 태그에서 어떤 동영상 포맷을 브라우저가 지원해야 할 것인지를 명시해 두지 않았다. 따라서 브라우저는 그들이 적합하다고 생각되는 동영상 포맷을 마음대로 지원할 수 있다.

기본 동영상 포맷 논쟁[편집]

브라우저가 지원할 동영상 포맷을 적어도 하나는 명시하는 것이 바람직하다. 이러한 이상적인 동영상 포맷은 다음을 만족하여야 한다.

  • 고효율의 압축률과 고화질을 가지고 있고, 낮은 디코드 과정을 사용할 것.
  • 로열티가 없을 것.
  • 그 포맷을 지원하는 소프트웨어 디코더, 하드웨어 동영상 디코더가 존재할 것.

처음에는 Ogg Theora가 HTML5에서 추천하는 표준 동영상 포맷이었다. 특허에 영향을 받지 않았기 때문이었다. 그러나 2007년 12월 10일 HTML5 규격이 업데이트되었을 때, 포맷을 구체화하기 위해 참고사항이 갱신되었다.

브라우저 최신 안정판 (공개일) 동영상 포맷
Ogg Theora H.264/MPEG-4 AVC VP8 (WebM) 기타
인터넷 익스플로러 11.0.9600.16476
(2013년 10월 17일, 321일 경과)
수동 설치 9.0[1] 수동 설치 아니요[2]
파이어폭스 32.0
(2014년 09월 2일, 1일 경과)
3.5[3] 아니요[4] 4.0 아니요
구글 크롬 PC용 : 34.0.1847.116
(2014년 4월 8일, 148일 경과)

안드로이드용 ARM, x86: 34.0.1847.114
(2014년 4월 2일, 154일 경과) iOS용 : 33.0.1750.21
(2014년 3월 27일, 160일 경과)

3.0 6.0 아니요
사파리 7.0.1
(2013년 12월 16일, 261일 경과)
수동 설치 3.1[5][6] 아니요 다른 것에 의존[8]
오페라 Blink (21.0.1432.48)
(2014년 4월 24일, 132일 경과)

Presto (12.17)
(2014년 4월 23일, 133일 경과)

10.50[9] 아니요 10.60 아니요
캉커러 4.9.5
(2013년 1월 2일, 609일 경과)
4.4[10] 다른 것에 의존 다른 것에 의존[12]
3.8.2
(2013년 5월 16일, 475일 경과)
2.28[13] 다른 것에 의존 다른 것에 의존 다른 것에 의존[14]
오리진 모르프OS용 1.9
(2010년 08월 08일, 1487일 경과)
모르프OS용 1.7 모르프OS용 1.7 모르프OS용 1.9 다른 것에 의존[17]

같이 보기[편집]

주석[편집]

  1. Microsoft Previews the Revamped Internet Explorer 9 Platform
  2. HTML5 Video
  3. Mozilla Firefox 3.5 Release Notes
  4. 파이어폭스에서 HTML5 유튜브 동영상을 지금 재생할 수 있을까?
  5. 사파리 3.1 업데이트 내용
  6. 애플이 사파리에서 HTML5 지원을 과시하다!
  7. HTML5 미디어 지원
  8. OS X의 퀵타임이 지원하는 모든 포맷.[7]
  9. Philip Jägenstedt (2009). (re-)Introducing <video> - Official blog for Core developers at Opera. Opera. 2010년 1월 4일에 보존된 문서.
  10. PeterDavison (2010). KHTML Browsers including Konqueror. Legend Scrolls.
  11. Vestbø, Tor Arne (2008년 5월 13일). Top Secret, Hush Hush!. Nokia Corporation. 2010년 3월 14일에 확인.
  12. Qt포논이 지원하는 모든 포맷.[11]
  13. Alp Toker (2007+발행일=12-08). HTML5 media support with GStreamer.
  14. 에피파니의 웹킷/GTK+ 빌드 상의 GStreamer가 지원하는 모든 포맷.[13]
  15. Origyn Web Browser for MorphOS. Fabian Coeurjoly (2010).
  16. Thom Holwerda (2010). Origyn Web Browser 1.7 Supports HTML5 Media, More. OSNews.
  17. MorphOS의 경우 1.7 버전에서 FFmpeg가 지원하는 모든 포맷.[15][16]

바깥 고리[편집]