- 締切済み
スマートフォン用WEBサイトでの音楽
訪問すると自動で音楽が流れるサイトを作成しています。 <embed>タグで携帯サイトやパソコンサイトではうまくいくのですが、 スマートフォンでは再生してくれません。 スマートフォンWEBサイトで自動音楽再生はどのようにやって実現できるのでしょうか? どうか、回答よろしくお願いいたします。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- 神崎 渉瑠(@taloo)
- ベストアンサー率44% (1016/2280)
回答No.1
訪問すると自動で音楽が流れるサイトを作成しています。 <embed>タグで携帯サイトやパソコンサイトではうまくいくのですが、 スマートフォンでは再生してくれません。 スマートフォンWEBサイトで自動音楽再生はどのようにやって実現できるのでしょうか? どうか、回答よろしくお願いいたします。
補足
ご回答ありがとうございます。 iframeでは私のスマートフォンでは再生できませんでした。 スマートフォンでも自動再生になっているサイトがあるのですが http://jsajax.com/Articles/jQueryjPlayer/1850 再生できているサイトは主に ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="js/jquery.jplayer.min.js"></script> <script> $(document).ready(function(){ $("#player").jPlayer({ ready:function(){ this.element.jPlayer("setFile", "chaim.mp3");this.element.jPlayer("play");} }); }); </script> ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ このような感じなのですが、 この記述を真似て試行錯誤してもPCですら再生してくれません。 私の記述とどこが違うのかわかりんません。 また ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script src="js/jquery.jplayer.min.js"></script> <script> $(function(){ $("#player").jPlayer({ ready: function(){ $(this).jPlayer("setMedia",{mp3: "chaim.mp3"}).jPlayer("play");} }) }); </script> ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ このようにやってみるとPCでは再生されましたが、スマートフォンでは再生されません。 ですがjplayer.min.jsとchaim.mp3の設置はうまくいっていることがわかります。 this.elementの記述がポイントとなっていると思いますが、何かthis.elementを使用するときの注意点などがあるのでしょうか?