PHP & JavaScript Room :: 設置サンプル

<!-- ★IEのみ -->
<script type="text/javascript">
function CtrlShowHide(){ /* コントロール表示切替 */
    if(document.wmp4.showControls==true) {
        document.wmp4.showControls=false;
        document.playerCtrl.controls.value="コントロールを表示";
    }else{
        document.wmp4.showControls=true;
        document.playerCtrl.controls.value="コントロールを隠す"
    }
}
function play() { document.wmp4.play(); }/* 再生 */
function pause() { document.wmp4.pause(); }/* 一時停止 */
function stop() { document.wmp4.stop(); }/* 停止 */
</script>

<br>

<!-- ムービー部分（※伸縮するため、width・height属性は指定しない) -->
<object 
    id="wmp4" 
    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="#">
        <input type="button" value="再生" onclick="play()" /><!-- 再生ボタン -->
        <input type="button" value="一時停止" onclick="pause()" /><!-- 一時停止ボタン -->
        <input type="button" value="停止" onclick="stop()" /><!-- 停止ボタン -->
        <input type="button" value="コントロールを表示" name="controls" onclick="CtrlShowHide()" /><!-- コントロール表示切替ボタン -->
    </form>
</div>