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

実行結果


ソース

<!-- Internet Explore のみ -->
<object 
    id="WMP" 
    width="0" height="0" 
    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="AutoStart" value="false" /><!-- 自動再生しない -->
    <param name="AutoRewind" value="true" /><!-- 自動巻戻し -->
    <param name="Filename" value="/content/media/sample.wma" /><!-- 音声ファイルへのパス(絶対・相対パスどちらでもOK) -->
    <param name="ShowControls" value="false" /><!-- コントロール非表示 -->
    <param name="Volume" value="-1500" /><!-- 小さめの音量 -->
</object>

<br>

<!-- ActiveXコントロールを使用した画像ボタン -->
<form action="#">
    <!-- 再生ボタン -->
    <span onclick="document.WMP.play()"><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.WMP.stop()"><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.WMP.stop()"><img src="/content/img/strm/stop.png" onMouseover="this.src='/content/img/strm/stop_on.png'" onMouseOut="this.src='img/strm/stop.png'" /></span>
</form>

polarized women