플러그인 없이 YouTube 동영상을 볼수 있는 HTML5

IT 2009. 6. 17. 12:45 Posted by 와이엇  
Bookmark and Share
플래시 플러그인 없는 유투브(YouTube) 비디오

일반적으로 인터넷으로 동영상을 볼때는 웹브라우저에 동영상 지원 플러그인(plug-in)인 플래시(Flash) 플레이어를 설치하거나 퀵타임(QuickTime) 플레이어, 실버라이트(Silverlight) 등을 설치해야 볼수 있습니다. 동영상 사이트로 유명한 유투브도 플래시 플레이어가 반드시 설치되어 있어야 동영상 시청이 가능하죠.

현재 인터넷 웹페이지에서 사용하고 있는 HTML버전은 HTML4로 알고 있는데 여기서는 이러한 동영상 지원 플러그인이 있어야 동영상 시청이 가능하지만 차세대 HTML5에서는 이러한 플러그인이 없이도 동영상을 볼수 있는 새로운 멀티미디어 태그가 포함될것이라고 합니다.

이 새로운 멀티미디어 태그는 <audio>태그와 <video>태그인데 이름에서 알수 있듯이 음성과 동영상을 지원하는 태그입니다. HTML5에서는 이 태그외에도  다른 그래픽 콘텐츠를 표시할수 있는 태그들이 포함될 것이라고 하는군요.

이 HTML5가 적용된 유투브 비디오를 youtube.com/html5에서 볼수 있는데 HTML5를 지원하는 웹브라우저에서 플래시 플레이어를 제거하거나 기능을 비활성화 시켜놓아도 유투브 비디오 시청이 가능합니다. 현재 HTML5를 지원하는 웹브라우저는 파이어폭스 3.5(베타버전), 구글 크롬, 사파리4등이 있습니다. 아직 MS의 인터넷 익스플로러(IE)는 HTML5를 지원하지 않는 상태입니다.

HTML5를 이용한 유투브 비디오를 삽입한 웹페이지의 <video>코드 샘플은 아래와 같이 표현된다고 합니다.

<video width="640" height="360" src="file.mp4" autobuffer>
<br>You must have an HTML5 capable browser.
</video>

앞으로 HTML5 표준화가 이루어지면 별도의 플러그인 없이도 멀티미디어를 사용할수 있는 조금 더 가벼운 웹환경이 조성될수 있을것으로 보여 사용자 입장에서는 반가울 따름입니다.

참고로 HTML4와 HTML5의차이점은 윤석찬님이 정리해 놓으신 아래 링크를 보며 더 자세히 알수 있습니다.
http://channy.creation.net/project/html5/html4-differences/

* 이 포스트는 blogkorea [블코채널 : 웹, 컴퓨터, it에 관련된 유용한 정보 및 소식] 에 링크 되어있습니다.

댓글을 달아 주세요

  1. Favicon of https://moneyamoneya.tistory.com BlogIcon 머니야 머니야  수정/삭제  댓글쓰기

    으엉..html 버젼...
    물론 메이저버전이 업되는 순간..차이점이 발생되는것은 알았지만...ㅠㅠ..
    이젠..따라가는거 자체가 버겁게 되었으니..늙은걸까요? ㅠㅠ

    2009.06.18 10:27 신고
  2. Favicon of https://joogunking.tistory.com BlogIcon joogunking  수정/삭제  댓글쓰기

    이제 유튜브는 플래시가 필요없는 사이트가 되었군요.
    구글이 어도비 눈치보지 않아도 되겠습니다.^^.

    2009.06.22 14:19 신고
    • Favicon of https://logfile.tistory.com BlogIcon 와이엇  수정/삭제

      하지만 아직 IE는 HTML5를 지원하지 않아 우리나라에서는 당분간 플래시를 이용한 동영상 플레이어가 계속 사용될것 같습니다. 우리나라는 IE 사용 비율이 95%를 넘으니 어쩔수 없겠죠 ... --;

      2009.06.22 14:34 신고

카테고리

와이엇의 로그파일 (1548)
IT (910)
CES 2012 (17)
디지에코 (28)
삼성전자 (191)
마이크로소프트(Microsoft) (5)
팬택 (23)
HP (28)
Olympus (3)
SK텔레콤 (53)
LG전자 (21)
인텔 (4)
레노버 (8)
화웨이 (2)
퀄컴 (3)
Adobe (어도비) (3)
Acer (에이서) (4)
ASUS (2)
블랙베리 (3)
Sony (25)
모토로라 (3)
샤오미 (Xiaomi) (2)
기타 리뷰 (94)
기타 (32)
내 블로그 이야기 (21)
News (16)
English (24)
Wine (19)

달력

«   2020/07   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
TNM Media textcube get rss
Yes24
멋지게 나이 드는 법 46
도티 빌링턴 저/윤경미 역
예스24 | 애드온2
돈키호테
미겔 데 세르반테스 저
예스24 | 애드온2
와이엇's Blog is powered by Tistory. Designed by Qwer999. Supported by TNM Media.