¿Cómo puedo hacer un círculo en la reproducción automática de jPlayer?

Question

¿Alguien puede decirme cómo hacer esta reproducción automática?

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

Answer 1

Prueba esto (documentation here) después de haber creado su reproductor:

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

instanciar Alternativamente, el jugador como este:

$(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

tal vez no es la solución más bonito pero funciona:

[...] 
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

Espero que mi blog lo ayude a resolver su problema http://gmarkmananquil.blogspot.com/2012/01/jplayers-circleplayer-ie-issue.html y descargue el script. Ninguno de los anteriores funciona para mí, así que simplemente pruebe mi trabajo un poco.

Aquí está la solución alternativa que hago en el logro de reproducción automática en este plugin, primero agregar atributos de reproducción automática a los valores de objeto variable en escritura circleplayer que se encuentra en la línea 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 
     }, 

En segundo lugar, modificar la secuencia de comandos en línea 98 con este código,

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

el ejemplo de uso de la secuencia de comandos sería como este,

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