jPlayer javascript jQuery

HTML5+JSで動くもの作って、iPhoneから楽しもうと思った。
音がしないと寂しいのでjPlayerで鳴らすことにした。(iPhoneでも音が鳴ることを確認)

しかし、jPlayerの公式サイトでサンプルを見てもわからない。
JS, jQueryを知らないのだから当然。ということで今日1日、JS, jQueryを学んだ。

結果、再生できた!

HTML

<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
  </script>
  <script type="text/javascript" src="js/jquery.jplayer.min.js">
  </script>
  <script>
    $(document).ready(function() {
    
  $("#jpId").jPlayer( {
    ready: function () {this.element.jPlayer("setFile", "mp3/a.mp3"); this.element.jPlayer("play");}
  });
     
     });
  </script>
</head>
<body>
  <div id="jpId"></div>
</body>

フォルダ構成

js/Jplayer.swf
js/jquery.jplayer.min.js (これら2つはjplayer公式からDL)
mp3/a.mp3
index.html (上記のHTMLを書く)

まずChromeで確認。すぐ再生された。
次にiPhone Safariで確認。鳴るときと鳴らないときがある。
リロードしたらすぐ鳴ることもあるし、鳴らないこともある。
この音は、マナーモードにしても消えないようだ。♪♪♪♪♪♪♪