본문 바로가기

카테고리 없음

[자바스크립트]동영상 제어 버튼

① <head>와 </head>부분에 넣어줍니다.
*****************************************
<script language="JavaScript">
<!--
var sBrowser = navigator.userAgent;
var bWin32IE;

if ((navigator.userAgent.indexOf("IE") != "-1") && (navigator.userAgent.length > 1)) {
bWin32IE = true;
} else {
bWin32IE = false;
}


if ((sBrowser.indexOf("IE") > -1) && (navigator.platform == "Win32"))
{
sBrowser = "IE";
} else {
sBrowser = "nonIE";
}
function OnPlay()
{
    if (MediaPlayer1.PlayState != 2)
{
MediaPlayer1.Play();
}
}
function OnStop()
{
  MediaPlayer1.Stop();
MediaPlayer1.CurrentPosition=0;
}
function OnPause()
{
    if (MediaPlayer1.PlayState == 2)
{
MediaPlayer1.Pause();
}
}
//-->
</script>


② <body>~</body>부분에 동영상을 넣어줍니다.
***********************************************
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" width="320" height="236" id="MediaPlayer1" standby="Loading Microsoft?Windows?Media Player components..." type="application/x-oleobject">
<param name="FileName" value="02.asf">
<param name="ShowStatusBar" value="0">
<param name="AutoStart" value="1">
<param name="ShowControls" value="0">
<param name="AllowChangeDisplaySize" value="0">
<param name="DisplaySize" value="0">
</object>


③ 링크부분에 넣어줍니다.
*****************************************
<a href="#" onclick="OnPlay()" onfocus="this.blur()">Play</a>│<a href="#" onclick="OnPause()" onfocus="this.blur()">Pause</a>│<a href="#" onclick="OnStop()" onfocus="this.blur()">Stop</a>│<a href="javascript:self.close()" onfocus="this.blur()">Close</a>