even_eko @ ウィキ
even_eko @ ウィキ

html

DOMを非表示

下のコードをタグの中に入れればOK! 
style="display: none; "
例 
<div style="display: none;"></div>
styleではcssのパラメータを変更できる。displayはcssのコマンドである。

audioタグ

htmlファイル 
<!DOCTYPE html>
<html>
<head>
    <title>html5オーディオプレイヤー</title>
    <meta charset="UTF-8">
    <script src="./html5_audio.js"></script>
</head>
    <body>
        <div id="audioZone">
            <audio id="audio_8000" preload="auto" controls>
                <source src="audio/8000.wav" type="audio/wav">
                <source src="audio/8000.mp3" type="audio/mp3">
                <p>※ご利用のブラウザでは再生することができません。</p>
            </audio>
        </div>
        <div id="musicZone">
            <input id="startMusic" type="image" src="./img/q_pc_transmit_on.png" width="127px" height="58px" onclick="audioPlay(8000)"/>
        </div>
    </body>
</html>
 
jsファイル 
function audioPlay(num)
{
    var string = "audio/" + num + ".mp3";
    var audio = new Audio(string);
    audio.play();
    console.log(string);
 }
 
これなら、Android2.2であるIS11Tでも動作した。
jsファイルにjQueryを使ったり、下のスクリプトを使ったりすると動作しなかった。 
document.getElementById("audio_8000").play();
「html」をウィキ内検索
最終更新：2012年11月16日 19:45