Play and Stop BGM Sample2

for XHTML1.0 strict using Object and innerHTML
下の PLAY とSTOP でBGMを鳴らしたり止めたりできます。

BGM PLAYSTOP
Now Playing...
BGM


 Sample1ではインラインフレームを使い、その属性(URL)をJavaScriptで書き換えていましたが、XHTMLではiframeが使えなくなるというので別の方法を探してみました。

 また、BGM再生にembedタグを使っていたのに、これまた使えなくなるとのこと。divの中にobjectタグで記述し、divの中身をまるごとJavaScriptで書き換える(innerHTML)という方法が使えました。

 ダウンロードするほど大したものでもないので下記に各スクリプトやHTML部分の内容を表示します。コピー 貼り付けで使用してください。

 必要であれば、文字コードについては適宜変更変換してください。

 この例では、index.html bgm.js sample.midは同じフォルダにあります。
 変更する場合は、該当場所を変更してください。


下記のJavaScriptを<head>内に入れるか外部ファイルで挿入する。(XHTML的には外部ファイル推奨らしいです)

PLAY STOP スイッチとインラインフレーム部分(<body>内の好きな場所に記述)