JQuery/Javascriptでポーズ/再生アイコン付きバックグラウンドミュージックを実装する

Question

こんにちは、ありがとうございます。私は非常にnewto JQuery/Javascriptで、一時停止/再生アイコンで埋め込み背景音楽を実装する方法がわかりません。どんな助けでも大歓迎です。前もって感謝します！

 <div id="toggle" class="play" style="width: 314px; height: 311px"></div> 
     <script type="text/javascript"></script> 



    $(document).ready(function() { 
     $('#music').attr("class", "false"); 
     $('#toggle').bind("click", function() { 

     if ($(this).attr("class") == "play") 

     $(this).attr("class", "pause"); 


     else 
     $(this).attr("class", "play"); 


     }); 

     }); 

Answer 1

サウンドは、スクリプトが開始されたときにJavaScriptが空のspanタグ内のembedタグを置き、空のスパン

に配置されます。だから、あなたは、あなたのHTMLページの本文内のどこかに文書の最上部付近preferablを以下のスパンファイルを追加する必要があります。

<span id="dummy"></span> 
Call the Script with an onmouseover or onclick Attribute 

追加する必要がある最後の事はあなたが生成したい要素であり、クリック時またはマウスオーバー時の音。これらの属性のいずれかを使用してスクリプトを呼び出します。

<a href="#" onclick="playSound('URL to soundfile');">Click here to hear a sound</a> 

<p onmouseover="playSound('URL to soundfile');">Mouse over this text to hear a sound</p>