이번내용은 미디어플레이어 '시작/정지' 버튼만들기 내용입니다. 아래의 내용을 따라해보세요.
■ <HEAD> 부분에 들어갈 내용입니다.
<SCRIPT Language="JavaScript"> <!-- function playMovie() { document.all["mPlayer"].play(); } function stopMovie() { document.all["mPlayer"].stop(); } // --> </SCRIPT>
■ <BODY> 부분에 들어갈 내용입니다.
<OBJECT CLASSID="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" ID="mPlayer" width="200" height="150"> <PARAM NAME="filename" VALUE="Young.asf"> //동영상파일의 경로지정 <PARAM NAME="ShowControls" VALUE="false"> </OBJECT><BR><BR> □ 텍스트 버튼인경우 | <a href="#" onClick="playMovie()">시작</a> | <a href="#" onClick="stopMovie()">정지</a> |<br><br> □ 이미지 버튼인경우 | <a href="#" onClick="playMovie()"><img src=play.gif border=0 width=50 height=20 alt=무비시작></a> | <a href="#" onClick="stopMovie()"><img src=stop.gif border=0 width=50 height=20 alt=무비정지></a> |
■ 활용예제
<HTML> <HEAD> <TITLE>미디어플레이어 시작/정지 버튼만들기</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<SCRIPT Language="JavaScript"> <!-- function playMovie() { document.all["mPlayer"].play(); } function stopMovie() { document.all["mPlayer"].stop(); } // --> </SCRIPT>
</HEAD> <BODY bgColor="#FFFFFF"> <CENTER> <OBJECT CLASSID="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" ID="mPlayer" width="200" height="150"> <PARAM NAME="filename" VALUE="Young.asf"> //동영상파일의 경로지정 <PARAM NAME="ShowControls" VALUE="false"> </OBJECT><BR><BR> □ 텍스트 버튼인경우 | <a href="#" onClick="playMovie()">시작</a> | <a href="#" onClick="stopMovie()">정지</a> |<br><br> □ 이미지 버튼인경우 | <a href="#" onClick="playMovie()"><img src=play.gif border=0 width=50 height=20 alt=무비시작></a> | <a href="#" onClick="stopMovie()"><img src=stop.gif border=0 width=50 height=20 alt=무비정지></a> | </CENTER> </BODY> </HTML>
|
|