jquery - サークル jPlayer を自動再生するにはどうすればよいですか?

Question

この自動再生を行う方法を誰か教えてもらえますか?

$(document).ready(function(){
    var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
    {
        m4a:"x.mp3",
        oga: "x.ogg"
    }, {
        cssSelectorAncestor: "#cp_container_1"
    });
});

Answer 1

プレーヤーを作成した後、これを試してください (ドキュメントはこちら):

$('#jquery_jplayer_1').jPlayer("play");

または、次のようにプレーヤーをインスタンス化します。

  $(document).ready(function () {
      $("#jquery_jplayer_1").jPlayer({
         ready: function () {
             $(this).jPlayer("setMedia", {
                m4a:"x.mp3",
                oga: "x.ogg"
              }).jPlayer("play");
          },
          swfPath: "/scripts/Jplayer.swf",
          supplied: "m4a, oga"
      });
  });

Answer 2

おそらく最も良い解決策ではないかもしれませんが、うまくいきます：

[...]
canplay: function() {
    $("#jquery_jplayer_1").jPlayer("play");
}

$(document).ready(function() {                           
    var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
    {
        m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a",
        oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"
    }, {
        cssSelectorAncestor: "#cp_container_1",
        canplay: function() {
            $("#jquery_jplayer_1").jPlayer("play");
        }
    });
});

Answer 3

私のブログが問題の解決に役立つことを願っていますhttp://gmarkmananquil.blogspot.com/2012/01/jplayers-circleplayer-ie-issue.htmlスクリプトをダウンロードしてください。上記のどれも私にとってはうまくいかないので、私の仕事を少し試してみてください。

このプラグインで自動再生を実現するために私が行っている回避策は次のとおりです。最初に、35 行目にある circleplayer スクリプトの defaults オブジェクト変数に自動再生属性を追加します。

defaults = {
            // solution: "flash, html", // For testing Flash with CSS3
            supplied: "mp3",
            solution: "flash,html",
            // Android 2.3 corrupts media element if preload:"none" is used.
            // preload: "none", // No point preloading metadata since no times are displayed. It helps keep the buffer state correct too.
            cssSelectorAncestor: "#cp_container_1",
            cssSelector: {
                play: ".cp-play",
                pause: ".cp-pause"
            },
            autoplay: false // add this autoplay default to false
        },

次に、98 行目のスクリプトを次のコードで変更します。

if(self.options.autoplay){
     $(this).jPlayer("setMedia", self.media).jPlayer('play');
   }
else{
    $(this).jPlayer("setMedia", self.media);
   }

スクリプトの使用例は次のようになります。

var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",{
        mp3: "music/booty me down.mp3"
    }, {
        cssSelectorAncestor: "#cp_container_1",
        swfPath: "js",
        wmode: "window", size : { width:"40px" },
                autoplay: true
    }
    );