미디어플레이어 '시작/정지' 버튼만들기

미디어플레이어 '시작/정지' 버튼만들기
이번내용은 미디어플레이어 '시작/정지' 버튼만들기 내용입니다.
아래의 내용을 따라해보세요.


■ <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>