OBJECT 태그로 동영상 삽입하기
게시일: 2005/03/05 | 글쓴이: doa | 19413 번 | 프린트 | 메일


과거 HTML에서는 개체를 삽입하기위해 여러가지 태그를 사용했다. 예를들어 동영상을 삽입하기위해서는 <EMBED> 태그를 사용하고 자바 애플릿을 삽입하기위해서는 <APPLET> 태그를 사용했다. 그러나 HTML 4.0 이상에서는 개체를 삽입하기위한 방법으로 <OBJECT> 태그를 사용한다.

동영상을 HTML 문서에 삽입하기위해 <OBJECT> 태그를 사용하는 것 보다는 <EMBED> 태그를 사용하는 것이 훨씬 간단하다. 그러나 필자의 게시판에 올라온 질문, 동영상 주소를 주소창에 넣으면 재생이 되는데 embed로 삽입하면 빈칸만 나오는 경우는 어떻게 합니까?에서 알 수 있듯 <EMBED> 태그는 비표준이며 예상치 못한 문제가 발생할 수 있다.

따라서 이번 팁에서는 <OBJECT> 태그를 이용해서 HTML 문서에 동영상을 삽입하는 간단한 팁을 설명하겠다주1. 다음은 <OBJECT> 태그를 사용한 간단한 예이다.

<STRONG>예: 소스 코드</STRONG>
<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="WMP 구성 요소를 읽고 있습니다..." 
	TYPE="application/x-oleobject" 
	WIDTH=320 
	HEIGHT=280>
	<PARAM NAME="fileName" VALUE='mms://wm-001.cafe24.com/doax/Daye3.wmv'>
	<PARAM NAME="autoStart" VALUE="true">
	<PARAM NAME="showControls" VALUE="true">
	<PARAM NAME="loop" VALUE="1">
</OBJECT>
* CODEBASE는 한줄로 입력한다.
<STRONG>예: 결과</STRONG>
<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="WMP 구성 요소를 읽고 있습니다..." TYPE="application/x-oleobject" width=320 height=280>
<PARAM NAME="fileName" VALUE='mms://wm-001.cafe24.com/doax/Daye3.wmv'>
<PARAM NAME="autoStart" VALUE="true">
<PARAM NAME="showControls" VALUE="true">
<PARAM NAME="loop" VALUE="1">
</OBJECT>


사용된 <OBJECT> 태그 속성
ID		개체를 구분하기위한 ID. 임의의 문자열.
CLASSID		윈도우 레지스트리나 URL에서 설정된 Class ID 값
CODEBASE		개체에 필요한 코드를 찾을 수 있는 위치(일반적으로 URL) 
STANDBY		개체를 읽어 들이는 동안 출력될 문장
TYPE		데이타의 MIME 유형
WIDTH		개체의 너비
HEIGHT		개체의 높피


<OBJECT> 태그의 표준 속성은 id, class, title, style, dir, lang, xml:lang이며, 이외에 여러가지 속성이 존재한다.

사용된 <PARAM> 태그 속성
<PARAM> 태그는 <OBJECT>와 </OBJECT> 태그 사이에 존재해야 하며, 일반적으로 NAMEVALUE 속성을 갖는다. 사용되는 <PARAM> 태그는 삽입되는 개체에따라 달라진다. 일반적으로 동영상을 삽입하는 경우 <EMBED> 태그에서 사용되는 속성을 <PARAM> 태그의 NAMEVALUE로 할당하면 된다.

fileName		플레이할 동영상의 URL
autoStart		동영상의 자동 시작 여부를 설정(TRUE, FALSE)
showControls	재생, 중지와 같은 컨트롤을 보이거나 숨김(TRUE, FALSE)
loop		동영상의 반복 재생 여부 결정(0, 1)


주1: 일반적으로 <EMBED> 태그를 사용하면 각 브로우저의 플러그인을 이용해서 동영상을 플레이하며, 위의 예는 <OBJECT> 태그에서 ActiveX를 사용하도록 지정했으므로 ActiveX를 이용해서 플레이한다. 따라서 ActiveX를 지원하지 못하는 브로우저(Mozilla나 Firefox)에서는 정상적으로 동작하지 않습니다. Netscape Browser 8 Beta의 경우 MSIE 엔진을 사용하고 ActiveX를 활성화 시키면 정상적으로 동작합니다.

댓글: 이 팁은 toorn님의 질문, 동영상 주소를 주소창에 넣으면 재생이 되는데 embed로 삽입하면 빈칸만 나오는 경우는 어떻게 합니까?에대한 답으로 작성되었습니다.


효과적인 우측 메뉴 제한법 사실 요즘 인터넷의 거의 대부분의 사이트는 컨텐츠 보호라... (5555) 2005-03-05
HiJack 로그 작성하기 필자의 이전 팁, e2give의 ieBHOs.dll 제거하기에서 알 수 있듯... (8547)2005-03-04

QAOS.com에 게시된지 1년 이상된 자료와 관리자가 공개한 자료는 누구나 제한없이 읽을 수 있습니다.
그러나 QAOS.com의 자료를 퍼가는 것은 금지하고 있습니다.

이 정보가 유용하다고 생각되시면 QAOS.com과 많은 다른 사람들을 위해 퍼가기 보다는 링크로 알려주시기 바랍니다.

세상사는 이야기



RSS 구독 (익명 | 회원 | 강좌 | 포럼)
(C) 1996 ~ 2017 QAOS.com All rights reserved.