如何制作圈子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 = {
            // 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
    }
    );