How can i make circle jPlayer autoplay?

Question

Can anyone tell me how to make this autoplay?

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

Andy Rose · Answer 1 · 2011-10-18T15:14:01.823

18

Try this (documentation here) after you have created your player:

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

Alternatively instantiate the player like this:

  $(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"
      });
  });

edited Oct 18 '11 at 15:14

answered Oct 18 '11 at 14:45

Andy Rose

16,770
7
43
49

Thanks Working fine, Difference between above code and your code is your code play once and above one play continuous – Sonal Khunt Apr 20 '12 at 13:00
1

this looks like it would work with jPlayer, but it doesn't work with CirclePlayer – tmsimont Mar 25 '14 at 15:21

score 14 · Answer 2 · edited Jun 14 '16 at 15:47

14

maybe not the nicest solution but it works:

[...]
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");
        }
    });
});

edited Jun 14 '16 at 15:47

Aleksander Azizi

9,829
9
59
87

answered Oct 24 '11 at 08:10

hansmaiser

149
3

1

Hmmm... didn't work for me. But Andy Rose's solution below worked perfectly. – Xonatron May 22 '12 at 14:46

1inMillion · Answer 3 · 2012-01-16T06:32:55.723

Hope my blog can help you solve your issue http://gmarkmananquil.blogspot.com/2012/01/jplayers-circleplayer-ie-issue.html and download the script. None of the above work for me so just try my work around a bit.

Here is the work-around I do in achieving auto play in this plugin, first add autoplay attributes to the defaults object variable in circleplayer script found in line 35.

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
        },

Second, modify the script in line 98 with this code,

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

The example usage of the script would be like this,

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
    }
    );

Answers that consist of only links are generally considered low quality on SO. Please consider editing your answer to include a summary of the solution you describe in your blog, or you may find this answer down voted or flagged for deletion. — joran, Jan 16 '12 at 06:13

How can i make circle jPlayer autoplay?

3 Answers3

Linked

Related