<!-- ★IEのみ -->
<script type="text/javascript">
function CtrlShowHide(){ /* コントロール表示切替 */
if(document.wmp5.showControls==true) {
document.wmp5.showControls=false;
document.playerCtrl.controls.value="コントロールを表示";
}else{
document.wmp5.showControls=true;
document.playerCtrl.controls.value="コントロールを隠す"
}
}
function play() { document.wmp5.play(); }/* 再生 */
function pause() { document.wmp5.pause(); }/* 一時停止 */
function stop() { document.wmp5.stop(); }/* 停止 */
</script>
<br>
<!-- ムービー部分（※伸縮するため、width・height属性は指定しない) -->
<object
id="wmp5"
classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
standby="Loading Microsoft Windows Media Player components..."
type="application/x-oleobject">
<param name="FileName" value="/content/media/meta_sample.asx" /><!-- Filename属性は絶対・相対パスどちらでもOK -->
<param name="AutoStart" value="true" />
<param name="showControls" value="false" />
</object>
<div style="width:320px; text-align:center; margin:10px 0;">
<!-- ActiveX コントロール部分（必ずform要素内に記述） -->
<form name="playerCtrl" id="playerCtrl" action="#">
<!-- ActiveXコントロールを使用した画像ボタン -->
<!-- 再生ボタン -->
<span onclick="document.wmp5.play()" title="再生"><img src="/content/img/strm/play.png" onmouseover="this.src='/content/img/strm/play_on.png'" onmouseout="this.src='img/strm/play.png'" /></span>
<!-- 一時停止ボタン -->
<span onclick="document.wmp5.stop()" title="一時停止"><img src="/content/img/strm/pause.png" onmouseover="this.src='/content/img/strm/pause_on.png'" onmouseout="this.src='img/strm/pause.png'" /></span>
<!-- 停止ボタン -->
<span onclick="document.wmp5.stop()" title="停止"><img src="/content/img/strm/stop.png" onmouseover="this.src='/content/img/strm/stop_on.png'" onmouseout="this.src='img/strm/stop.png'" /></span>
<!-- コントロール表示切替ボタン -->
<span onclick="CtrlShowHide()" title="コントロール表示/非表示切替"><img src="/content/img/strm/control.png" onmouseover="this.src='/content/img/strm/control_on.png'" onmouseout="this.src='img/strm/control.png'" /></span>
</form>
</div>