HTML 강좌 16강 - HTML 태그 익히기#15 - object

HTML 강좌 16강 - HTML 태그 익히기#15 - object

이번 강좌에서는 object 태그에 대해 알아보도록 하겠습니다.

object 태그를 사용해 미디어 영상 파일이나 플래시 파일을 재생할 수 있습니다.

영상을 삽입하는 방법은 embed 태그 형식이 더 간단합니다.

하지만 embed 태그 형식은 사용자의 컴퓨터에 미디어를 재생할 수 있는 플레이어가 없으면 재생이 되질 않습니다.

반면에 object 태그는 ActiveX 기반이므로 사용자의 컴퓨터에 플레이어가 없어도 재생이 가능합니다.

하지만 ActiveX가 지원되는 브라우저에서만 가능하죠.

간단하게 사용법을 보도록 하겠습니다.

<object ID="mediaPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="객체를 읽어 들이는 동안 출력될 문장" type="application/x-oleobject" width="800px" height="600px">

 <param name="fileName" value='sample.wmv'>

 <param name="autoStart" value="true">

 <param name="showControls" value="true">

 <param name="loop" value="0">

</object>

Object 태그 속성

- id :  객체의 아이디(ID) - 개발자가 임의로 지정합니다.

- classid : 윈도우 레지스트리나 URL에서 설정된 Class ID 값

- codebase : 객체에 필요한 코드를 찾을 수 있는 위치(일반적으로 URL) 

- standby : 객체를 읽어 들이는 동안 출력될 문장

- type : 데이타의 MIME 유형

- width : 객체의 너비

- height : 객체의 높이

Param 태그 속성

- fileName : 플레이할 동영상 파일의 주소(URL)와 파일명

- autoStart : 동영상의 자동 시작 여부를 설정(TRUE, FALSE)

- showControls : 재생, 중지와 같은 컨트롤을 보이거나 숨김(TRUE, FALSE)

- loop : 동영상의 반복 재생 여부 결정(0, 1)

정리하고 보니 간단하지가 않네요~

하지만 전부 살펴볼 필요는 없습니다.

우리가 주의깊게 봐야 할 것들은 주로 param 태그에 있네요.

그리고 object 태그에서는 너비와 높이 설정 외에 특별히 건드릴게 없는듯 합니다.

(익스플로러에서 테스트 했어용 :)

요즘은 다양한 종류의 브라우저가 있고, ActiveX를 지원하지 않는 브라우저도 많이 있습니다.

때문에 object 태그를 선호하진 않습니다.

플래시 대신 jQuery, 동영상은 대부분 유투브에서 가져옵니다.

지금까지 html에 대한 기본적인 것들을 공부했습니다.

좀 더 심도있는 스킬들은 프로그래밍 과정을 공부하면서 연습하도록 하죠.

다음 강좌는 html5 입니다.

예제 파일은 첨부파일에서 받을 수 있습니다 :)

(첨부파일 용량 초과로 동영상 샘플은 첨부할수가 없네요. 아무 동영상이나 같은 폴더에 넣은 후 이름을 변경하여 테스트 해보세요 :)

16.zip