이번내용은 미디어플레이어 '시작/정지' 버튼만들기 내용입니다.
아래의 내용을 따라해보세요.
■ <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>
아래의 내용을 따라해보세요.
■ <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>
'Web > Javascript' 카테고리의 다른 글
| 자동북마크 기능 (0) | 2013.09.26 |
|---|---|
| 자동으로 이미지 크기에 맞추어 새창열기 (0) | 2013.09.26 |
| 내용을 자동으로 스크롤 시키기 (0) | 2013.09.26 |
| 프린트 (0) | 2013.09.26 |
| this.blur() (0) | 2013.09.26 |