파폭에서 동영상 제어

[himen]

간단히 play, pause, stop 버튼만 따로 이미지버튼으로 처리하려 합니다.
아래와 같이 소스를 작성했더니 파폭에서는 작동안하네요.
동영상 강좌사이트 같은 기능은 필요없고, 자바스크립트로 간단한 기본 버튼 기능만
구현하려하는데 무엇이 문제일까요...




<OBJECT Name=Player ID="mediaPlayer" WIDTH="302" HEIGHT="232" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE="http://activex.microsoft.com/activex/co ... 5,1,52,701" STANDBY="Loading Microsoft Windows Media Player components..." TYPE="application/x-oleobject" style="background:url('/images/cafe/cafe_gallery_fashion05.gif');">
<PARAM NAME="fileName" VALUE="http://www.playstation.jp/ch/cm/asx/cm_gt4battle2.asx">
<PARAM NAME="animationatStart" VALUE="0">
<PARAM NAME="transparentatStart" VALUE="true">
<PARAM NAME="autoStart" VALUE="0">
<PARAM NAME="showControls" VALUE="0">
<param name="ShowStatusBar" value="0">
<embed Name=Player src="http://www.playstation.jp/ch/cm/asx/cm_gt4battle2.asx" width=302 height=230 autostart="0" showcontrols="1"></embed>
</OBJECT>

<img src="/images/cafe/btn_play.gif" border=0 hspace=0 vspace=0 onClick="javascript: document.Player.play();" style="cursor: pointer;">
<img src="/images/cafe/btn_pause.gif" border=0 hspace=0 vspace=0 onClick="document.Player.pause();" style="cursor: pointer;">
<img src="/images/cafe/btn_stop.gif" border=0 hspace=0 vspace=0 onClick="document.Player.stop();" style="cursor: pointer;">

[hyeonseok]

IE 에서 동영상이나 플래시무비를 불러올때 Windows 고유의 Active-x 컨트롤 방식을 사용합니다.

CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95

이것이 미디어플레이어를 지칭하는 것이고요. 관련 javascript 도 Windows 의 IE 에서 active-x 를 제어하는 것으로 되어 있습니다.

Windows 외의 다른 OS 플랫폼도 지원하는 Firefox 는 당연히 이러한 방식을 따를 수 없습니다. 그래서 작동이 되지 않는 것입니다.

plug-in 의 작동을 제어하려고 할때는 javascript 를 이용하지 않고 plug-in 고유의 UI 를 따르는 것이 맞습니다.

그래도 대부분 사용자들이 IE 를 사용하니 javascript 를 사용해서 제어하려면 이부분은 어쩔 수 없이 Active-x Sniffing 을 사용해야 합니다.

표준코드로 mime-type 을 지정해서 html 에서 동영상을 불러오고 바로 아래에서 javascript 로 active-x 컨트롤이 지원되는 브라우져인지 체크해서 표준코드를 javascript로 날리고 IE 용의 clsid 를 이용해서 active-x 를 불러오면 될것 같습니다.

표준 코드로 동영상을 불러오는 것은 이 모질라 포럼의 cross browsing 가이드에서 참고 하시면 됩니다.