Mozilla 한국 커뮤니티

간단히 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;">

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 가이드에서 참고 하시면 됩니다.