swfobject.js 를 이용하여 화면에 플래시파일 호출하기

이번 포스팅은 웹화면에 플래시파일(.swf)을 띄우기 위한 샘플링을 구현하고자 한다.

우선 사용할 파일은 swfobject.js 라는 것이다.

사이트URL : https://code.google.com/p/swfobject/

위화면으로 가서 swfobject 관련 zip파일을 다운로드 받도록 하자

받았다면 압축해제후, swfobject.js파일과 expressInstall.swf 파일을 본인의 프로젝트내에 복사 붙여넣기를 해보도록 하자

그리고 샘플링으로 필요한 swf파일이 있어야하니 우선 다운로드 받은 파일내에 존재하는 swf파일[test.swf]을 프로젝트내에 넣도록 하자

그리고 경로에 맞추어서 일부를 수정하였음.

물론, 다운로드 파일내에 존재하는 샘플을 코드만 그대로 가져다 놓은후, 경로를 본인의 환경에 맞추고 호출을 해본것임.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 스크립트 include -->
		<script type="text/javascript" src="/resources/swfobject.js"></script>
		<script type="text/javascript">
		//<object> 태그 id를 첫번째 param으로 설정
		swfobject.registerObject("swfId", "9.0.0", "/resources/expressInstall.swf");
		</script>
	</head>
	<body>
		<div>	
			<object id="swfId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="120">
				<!-- SWF 파일 경로를 value속성에 일치 -->
				<param name="movie" value="/resources/test.swf" />
        		<!--[if !IE]>-->
        		<!-- SWF 파일 경로를 data속성에 일치 -->
				<object type="application/x-shockwave-flash" data="/resources/test.swf" width="300" height="120">
				<!--<![endif]-->
				<div>
					<h1>Alternative content</h1>
					<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
				</div>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
	</body>
</html>

본인이 변경한 부분은 /resources가 존재하는 값들만 변경을 해준것이다.

그럼 이제 실행을 해보도록 하자.