html Tags_html5 튜토리얼 기술의 Object 및 EMBED 태그에 대한 자세한 설명

정의 및 사용법 임베디드 객체를 정의합니다. XHTML 페이지에 멀티미디어를 추가하려면 이 요소를 사용하십시오. 이 요소를 사용하면 HTML 문서에 삽입된 개체에 대한 데이터 및 매개 변수는 물론 데이터를 표시하고 조작하는 데 사용할 수 있는 코드를 지정할 수 있습니다. 태그는 이미지, 오디오, 비디오, Java 애플릿, ActiveX, PDF 및 Flash와 같은 개체를 포함하는 데 사용됩니다. 개체는 원래 img 및 애플릿 요소를 대체하도록 고안되었습니다. 그러나 버그와 브라우저 지원 부족으로 인해 이런 일이 발생하지 않았습니다. 브라우저의 개체 지원은 개체 유형에 따라 다릅니다. 불행하게도 주요 브라우저는 모두 다른 코드를 사용하여 동일한 개체 유형을 로드합니다. 다행히 object가 해결책을 제공합니다. 개체 요소가 표시되지 않으면 와 이런 방식으로 여러 개체 요소(각 브라우저당 하나씩)를 중첩할 수 있습니다. OBJECT 및 EMBED 태그 사용 브라우저에서 Flash 동영상을 재생하려면 HTML 문서에 및 태그가 포함되어야 하며 매개변수가 설정되어야 합니다. EMBED 태그의 경우 괄호로 묶인 설정(예: HEIGHT, WIDTH, QUALITY 및 LOOP 등)이 해당 속성입니다. 예: ; OBJECT 태그에는 4가지 설정(HEIGHT, WIDTH, CLASSID 및 CODEBASE)이 있으며 이는 모두 해당 속성입니다. 다른 설정은 HTML 문서에 독립적으로 나타나며 매개변수 태그라고 합니다. 예: &lt ; PARAM NAME="LOOP" VALUE="true"> SRC 값 가져오기: 영화 이름(예: movieName.swf). 해당 템플릿 변수: $MO 기능 설명: 로드할 비디오 이름을 지정하며 "EMBED" 플래그에만 적용 가능합니다. MOVIE 값: 영화 이름(예: movieName.swf). 해당 템플릿 변수: $MO 기능 설명: 로드할 비디오 이름을 지정하며 "OBJECT" 표시에만 적용됩니다. CLASSID 값: clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 기능 설명: 브라우저에서 사용하는 ActiveX 컨트롤을 지정합니다. 이는 정확히 동일해야 합니다. 위의 값과 동일하며 "OBJECT" 플래그에서만 사용할 수 있습니다. WIDTH 값: 숫자 또는 백분율. 해당 템플릿 변수: $WI 기능 설명: 비디오 너비를 픽셀 또는 브라우저 창 너비의 백분율로 지정합니다. HEIGHT 값: 숫자 또는 백분율. 해당 템플릿 변수: $HE 기능 설명: 비디오의 높이를 픽셀 수 또는 브라우저 창 높이의 백분율 형식으로 지정합니다. Flash 동영상은 확장 가능하므로 화면비를 유지하면서 동영상 형식의 크기를 변경해도 동영상의 표시 품질이 저하되지 않습니다. CODEBASE 값: http://active.macromedia.com/flash4/cabs/swflash.cab #version=4,0,0,0" 기능 설명: Flash Player의 ActiveX 컨트롤 위치를 나타냅니다. 브라우저가 설치되지 않은 경우 자동으로 이 위치에 다운로드될 수 있습니다. 할당된 값은 위의 값과 정확히 일치해야 합니다. OBJECT" 표시 PLUGINSPAGE 값: http://www.macromedia.com/shockwave/download/ index.cgi? P1_Prod_Version=ShockwaveFlash 기능 설명: 필요할 때 쉽게 설치할 수 있도록 Flash Player 플러그인의 위치를 나타냅니다. 할당된 값은 "EMBED" 플래그에만 적용됩니다. 값: true 또는 false 기능 설명: Flash Player를 처음 로드할 때 Java를 시작할지 여부를 결정하는 데 사용됩니다. 이 항목이 생략되면 JavaScript 프로그램과 Flash가 실행될 때마다 기본값은 False입니다. 같은 페이지에 포함된 "FS 명령" 문이 작동하려면 Java가 실행되고 있어야 합니다. 그러나 페이지의 JavaScript 프로그램이 "FS 명령"과 관련된 브라우저 유형 또는 기타 문제를 감지하는 데만 사용되는 경우 " 명령문은 기능과 관련이 없으므로 SWLIVECONNECT를 false로 설정하여 Java가 시작되지 않도록 할 수 있습니다. Java를 시작하려면 명시적으로 SWLIVECONNECT를 true로 설정하면 비디오 재생을 시작하는 데 걸리는 시간이 크게 늘어납니다. "EMBED"” 기호를 입력하세요. PLAY(선택 사항) 값: true 또는 false 해당 템플릿 변수: $PL 기능 설명: 동영상을 브라우저에 다운로드한 후 즉시 재생할지 여부를 지정하는 데 사용됩니다. . 비디오에 대화형 요소가 포함된 경우 재생을 시작하려면 발표자의 관련 작업이 필요할 수 있습니다. 이 경우 비디오가 자동으로 재생되지 않도록 하려면 이 속성을 false로 설정하면 됩니다. 사용됩니다. LOOP(선택 사항) 값: true 또는 false. 해당 템플릿 변수: $LO 기능 설명: 동영상을 반복 재생할지, 한 번 재생한 후 중지할지를 지정합니다. 이 속성을 생략하면 기본값인 true가 사용됩니다. 품질(선택 사항) 값: 낮음, 높음, 자동 낮음, 자동 높음 또는 최상. 해당 템플릿 변수: $QU 함수 설명: 위를 참조하세요. 이 속성을 생략하면 기본값인 high가 실행됩니다. BGCOLOR(선택 사항) 값: #RRGGBB(16진수 RGB 값). 해당 템플릿 변수: $BG 동영상의 배경색을 지정합니다. 이 속성은 Flash 동영상 파일의 배경색 설정을 대체할 수 있지만 동영상이 있는 HTML 페이지의 배경색 설정에는 영향을 주지 않습니다. 위치하고 있습니다. SCALE(선택 사항) 값: showall, noborder, extractfit. 해당 템플릿 변수: $SC 함수 설명: width 및 height 값인 경우 백분율로 표시되며 비디오가 브라우저 창에 배치되는 방식을 결정합니다. 옵션은 다음과 같습니다. "모두 표시"(기본값)는 전체 동영상 콘텐츠를 지정된 크기 영역에 표시하고 원본 동영상과 동일한 화면 비율을 유지하며 동영상 콘텐츠가 변형되지 않습니다. "테두리 없음"은 영상의 화면 비율을 유지하면서 지정된 영역을 채우는 방식으로 영상 콘텐츠가 변형되지는 않지만, 영상 콘텐츠의 일부가 표시되지 않을 수 있습니다. '정확한 맞춤'은 지정된 영역에 전체 동영상이 표시되도록 합니다. 이때 더 이상 원본 화면 비율이 유지되지 않으므로 동영상이 변형될 수 있습니다. 이 속성이 생략되면(너비와 높이 값이 백분율로 표시됨) showall의 기본값이 실행됩니다. ALIGN 값: L, R, T, B. 해당 템플릿 변수: $HA 기능 설명: "OBJECT", "EMBED" 설정 "IMG" 태그의 "ALIGN" 속성은 브라우저 창에서 영화의 위치를 결정합니다. 생략 시 영상은 브라우저 창 중앙에 배치됩니다. 브라우저 창 크기가 영상이 차지하는 영역보다 작을 경우 영상을 볼 수 있도록 브라우저 창 크기가 조정됩니다. 정상적으로 표시됩니다. "L" 값은 비디오를 브라우저 창의 왼쪽에 정렬합니다. 브라우저 창이 비디오를 수용할 만큼 크지 않으면 창의 상단, 하단 및 오른쪽 가장자리가 조정됩니다. "R" 값은 동영상을 브라우저 창의 오른쪽에 정렬하며, 브라우저 창이 동영상을 수용할 만큼 크지 않은 경우 창의 상단, 하단, 왼쪽 가장자리가 조정됩니다. "T" 값은 브라우저 창의 위쪽 가장자리에 맞춰 비디오를 정렬하며, 브라우저 창이 비디오를 수용할 만큼 크지 않은 경우 창의 왼쪽, 오른쪽, 아래쪽 가장자리를 조정합니다. "B" 값은 브라우저 창의 하단 가장자리에 맞춰 동영상을 정렬하며, 브라우저 창이 동영상을 수용할 만큼 크지 않은 경우 창의 왼쪽, 오른쪽, 상단 가장자리를 조정합니다. SALIGN(선택 사항) 값: L, R, T, B, TL, TR, BL, BR 해당 템플릿 변수: $SA 함수 설명: 지정된 너비와 높이의 영역에 크기가 조정된 비디오를 배치하는 방법을 결정하는 데 사용됩니다. 다양한 값의 의미는 이전 항목에서 확인할 수 있습니다. BASE(선택 사항) 값: 기본 경로 또는 URL. 기능 설명: 영상에서 사용되는 상대 경로의 기준 위치를 지정하는데 사용됩니다. MENU(선택 사항) 값: true, false 해당 템플릿 변수: $ME 함수 설명: 브라우저에서 지정하는 데 사용됩니다. 동영상의 영역을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Command 키를 누른 채 클릭(Macintosh)하면 나타나는 바로가기 메뉴입니다. "True" 값은 전체 메뉴를 표시하므로 사용자는 검사 과정을 다양한 방식으로 제어할 수 있습니다. "False" 값은 "Flash 정보" 메뉴 항목만 포함하는 메뉴를 표시합니다. 이 속성을 생략하면 기본값인 "true"가 사용됩니다. WMODE(선택 사항) 값: Window, Opaque, Transparent. 해당 템플릿 변수: $WM 함수 설명: 이 매개변수는 Applicable에서만 사용할 수 있습니다. Flash Active X 공간이 있는 Windows 시스템에. "Window" 값은 웹 페이지의 지정된 위치에서 비디오가 재생되도록 하며, 이는 여러 옵션 중에서 가장 빠른 재생 속도이기도 합니다. 'Opaque Windowless' 값은 웹페이지에서 동영상 뒤의 콘텐츠를 차단합니다. '투명' 값을 사용하면 웹페이지 동영상의 투명한 부분에 웹페이지의 콘텐츠와 배경이 표시되므로 애니메이션 속도가 느려질 수 있습니다. 이 속성을 생략하면 기본값인 "Window"로 실행되며 Object 태그에서만 사용할 수 있습니다. 1. 소개: 플래시 콘텐츠를 웹 페이지에 정상적으로 표시하려면 페이지에 플래시 경로를 지정하는 태그가 있어야 합니다. 즉, OBJECT 및 EMBED 태그입니다. OBJECT 태그는 Windows 플랫폼의 IE 브라우저에 사용되는 반면, EMBED는 Windows 및 Macintosh 플랫폼의 Netscape Navigator 브라우저와 Macintosh 플랫폼의 IE 브라우저에 사용됩니다. Windows 플랫폼의 IE는 Activex 컨트롤을 사용하여 플래시를 재생하는 반면 다른 브라우저는 Netscape 플러그인 기술을 사용하여 플래시를 재생합니다. 다음은 웹페이지에 플래시를 삽입하는 간단한 코드 예입니다. 코드 복사 코드는 다음과 같습니다. codebase="http://download.macromedia. com/pub/shockwave/ cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="550" HEIGHT="400" id="myMovieName"> NAME="myMovieName" ALIGN= "" TYPE="application /x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"> ; 2. 위의 태그를 모두 사용하는 이유는 무엇인가요? 일부 태그를 생략할 수 있나요? OBJECT 태그는 Windows IE3.0 이상의 브라우저나 Activex 컨트롤을 지원하는 기타 브라우저에서 사용됩니다. "classid" 및 "codebase" 속성은 위의 예에 표시된 대로 정확하게 작성되어야 하며, 플래시 플레이어를 자동으로 다운로드할 주소를 브라우저에 알려줍니다. 플래시 플레이어를 설치하지 않은 경우 IE3.0 이후의 브라우저에서는 플래시 플레이어를 자동으로 설치할 것인지 묻는 프롬프트 상자가 나타납니다. 물론, 플래시 플레이어가 설치되어 있지 않은 사용자가 자동으로 플레이어를 다운로드하는 것을 원하지 않는다면 이 코드를 생략할 수도 있습니다. EMBED 태그는 Netscape Navigator 2.0 이상의 브라우저나 Netscape 플러그인을 지원하는 기타 브라우저에서 사용됩니다. "pluginspage" 속성은 플래시 플레이어를 다운로드할 주소를 브라우저에 알려줍니다. 플래시 플레이어가 설치되어 있지 않은 경우 설치 후 브라우저를 다시 시작해야 정상적으로 사용할 수 있습니다. 대부분의 브라우저에서 플래시를 정상적으로 표시하려면 위의 코드 예시처럼 OBJECT 태그 내에 EMBED 태그를 중첩해야 합니다. Activex 컨트롤을 지원하는 브라우저는 OBJECT 태그 내의 EMBED 태그를 무시합니다. 플러그인을 사용하는 Netscape 및 IE 브라우저는 EMBED 태그만 읽을 수 있으며 OBJECT 태그는 인식하지 못합니다. 즉, EMBED 태그를 생략하면 Firefox가 플래시를 인식할 수 없게 됩니다(그런데 놀라운 것은 object를 생략하고 embed만 쓰면 IE에서는 플래시를 정상적으로 표시할 수 있다는 점입니다. 하하, 좀 더 자세히 살펴보겠습니다). ) . 아래 목록은 동영상 게시에 사용되는 OBJECT 및 EMBED 태그의 필수 및 선택 속성입니다. 1. 필수 속성: ·CLASSID - 브라우저의 Activex 컨트롤을 설정하며 OBJECT 태그에만 사용됩니다. ·CODEBASE - 플래시 ActiveX 컨트롤의 위치를 설정하여 브라우저가 설치되지 않은 경우 자동으로 다운로드되어 설치될 수 있도록 합니다. OBJECT 태그에만 사용됩니다. ·WIDTH-플래시 비디오의 너비를 백분율 또는 픽셀로 지정합니다. ·HEIGHT-플래시 비디오의 높이를 백분율 또는 픽셀 단위로 지정합니다. ·SRC - 영상 다운로드 주소를 지정합니다. EMBED 태그에만 해당됩니다. ·PLUGINSPAGE - 플래시 플러그인의 위치를 설정하여 브라우저에 플러그인이 설치되어 있지 않은 경우 자동으로 다운로드되어 설치될 수 있도록 합니다. EMBED 태그에만 해당됩니다. ·MOVIE - 영상의 다운로드 주소를 지정합니다. OBJECT 태그에만 사용됩니다. 2. 선택 속성 및 사용 가능한 값: ·ID - 스크립트 코드에서 참조하는 데 사용되는 변수 이름을 설정합니다. OBJECT에만 해당됩니다. ·NAME - 스크립트 코드(예: javascript)에서 참조할 변수 이름을 설정합니다. EMBED에만 해당됩니다. ·SWLIVECONNECT - (true 또는 false)는 Flash Player를 처음 다운로드할 때 Java를 활성화할지 여부를 지정합니다. 이러한 속성이 생략되면 기본값은 false입니다. 동일한 페이지에서 javascript와 flash를 사용하는 경우 java는 FSCommand를 사용해야 작동됩니다. ·PLAY - (true 또는 false) 다운로드가 완료된 후 플래시 무비를 자동으로 재생할지 여부를 지정합니다. 이 속성이 생략되면 기본값은 true입니다. ·LOOP - (true 또는 false) 동영상의 마지막 프레임 이후 반복을 중지할지 아니면 계속할지를 지정합니다. 이 속성이 생략되면 기본값은 true입니다. ·MENU - (true 또는 false) ·True는 모든 메뉴를 표시하여 사용자가 확대, 축소 등을 통해 비디오 재생 및 기타 작업을 제어할 수 있도록 합니다. ·False는 설정 옵션과 플래시에 대한 정보만 포함된 메뉴를 표시합니다. ·품질 - (낮음, 높음, 자동 낮음, 자동 높음, 최고) ·낮음은 아름다운 것보다 빠르며 앤티앨리어싱을 적용하지 않습니다. ·Autolow는 속도에 중점을 두고 시작하지만 필요할 때 항상 미적 아름다움을 향상시킵니다. ·Autohigh는 재생 속도와 미적 측면 모두에 중점을 두지만 필요할 경우 재생 속도를 보장하기 위해 미적 측면을 희생합니다. ·중간은 비트맵을 부드럽게 하지 않고 앤티앨리어싱을 적용합니다. 품질은 낮은 설정보다 높고 높은 설정보다 낮습니다. ·하이뷰티가 재생속도보다 좋고, 안티앨리어싱이 항상 적용됩니다. 동영상에 애니메이션이 포함되어 있지 않으면 비트맵이 다듬어지고, 동영상에 애니메이션이 포함되어 있으면 비트맵이 다듬어지지 않습니다. ·Best는 재생 속도에 관계없이 최고의 디스플레이 품질을 제공합니다. 모든 출력에는 앤티앨리어싱이 적용되고 모든 비트맵이 부드럽게 처리됩니다. ·SCALE - (showall, noborder, 정확한 맞춤) ·기본값(모두 표시) 영상이 지정된 영역에만 표시되지만 원래 비율을 유지합니다. 비디오 양쪽에 테두리가 나타납니다. ·No Boder는 지정된 영역에 맞게 비디오를 축소하여 비디오를 왜곡되지 않게 유지하지만 비디오의 일부가 잘릴 수 있습니다. 그러나 영화의 원래 비율은 유지됩니다. ·정확한 맞춤으로 인해 전체 영상이 특정 영역 내에 표시될 수 있으며 영상이 변형되거나 왜곡될 수 있으며 원래 비율이 유지되지 않을 수 있습니다. ·ALIGN - (l, t, r, b) ·기본값은 중앙에 맞춰져 있습니다. 브라우저 창이 동영상보다 작을 경우 가장자리가 잘립니다. ·왼쪽, 오른쪽, 위쪽, 아래쪽은 해당 설정에 따라 브라우저 가장자리를 따라 정렬됩니다. 필요한 경우 나머지 세 면이 잘립니다. ·SALIGN - (l, t, r, b, tl, tr, bl, br) ·L,R,T,B ·TL,TR ·BL,BR ·WMODE- (창, 불투명, 투명) 플래시 무비의 창 모드 속성을 설정하고 브라우저에서 플래시의 투명도, 계단식 배열 및 위치를 지정합니다. ·창 브라우저의 직사각형 창에서 동영상이 재생됩니다. ·불투명한 영상은 그 뒤에 모든 것을 숨깁니다. ·Transparent는 플래시 영상을 투명하게 만들어 투명 영상 뒤에 웹 콘텐츠를 표시합니다. 이렇게 하면 애니메이션 성능이 저하됩니다. 그리고 이 속성은 모든 브라우저에서 사용할 수 없습니다. ·BGCOLOR - (#RRGGBB, 16진수 RGB 값) 영상의 배경색을 지정합니다. 이 속성을 사용하여 플래시에 설정된 배경색을 재정의합니다. ·BASE - 플래시의 모든 상대 경로를 확인하기 위해 기본 디렉터리 또는 URL을 설정합니다. 웹페이지의 태그와 유사합니다. ·FLASHVARS는 변수를 Flash Player로 전송하며, 이를 위해서는 Flash Player 6 이상 버전이 필요합니다. ·루트 수준 변수를 비디오에 전달합니다. 문자열의 형식은 "&"로 구분된 이름=값 집합입니다. ·브라우저는 64kB 문자열 길이를 지원합니다.