JQM Flip Toggle Switch再生停止音声

Question

jQuery MobileでFlipswitchウィジェットを使用し、スイッチがオンのときにオーディオファイルを再生し、スイッチがオフのときに停止したい。

私のHTMLコード：

<audio id="soundtrack"> 
    <source src="Sounds/soundtheme.ogg" type="audio/ogg"> 
    <source src="Sounds/soundtheme.mp3" type="audio/mp3"> 
    Your browser does not support the audio element. 
</audio> 

    <form> 
    <label for="flip-select-audio">AUDIO:</label> 
    <select id="flip-select-audio" name="flip-select-audio" data-role="flipswitch"> 
        <option value="off">OFF</option> 
        <option value="on">ON</option> 
    </select> 
</form> 

イムJSコードが

$('#flip-select-audio').change(function() { 

... 

}); 

Answer 1

あなたはこのような何かを試すことができます可能性がどのように把握しよう：

$('#flip-select-audio').change(function() { 
    var soundtrack = $("#soundtrack")[0]; 
    if ($(this).val() == "on") { 
     soundtrack.play(); 
    } else { 
     soundtrack.pause(); 
     soundtrack.currentTime = 0; 
    } 

}); 

更新 ：ここで完璧に働いていますhttps://jsfiddle.net/q3Lw8c4g/1/あなたはy私たちのサウンドファイルは読み込み可能です。