Как сделать автозапуск круга jPlayer? - PullRequest
Новая
       2

Как сделать автозапуск круга jPlayer?

9 голосов
/ 18 октября 2011

Может кто-нибудь сказать мне, как сделать этот автозапуск? 

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

Ответы [ 3 ]

19 голосов
/ 18 октября 2011

Попробуйте ( документация здесь ) после того, как вы создали свой плеер: 

$('#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"
      });
  });
14 голосов
/ 24 октября 2011

возможно не самое лучшее решение, но оно работает: 

[...]
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");
        }
    });
});
2 голосов
/ 16 января 2012

Надеюсь, мой блог может помочь вам решить вашу проблему http://gmarkmananquil.blogspot.com/2012/01/jplayers-circleplayer-ie-issue.html и загрузить скрипт.Ничто из вышеперечисленного не работает для меня, поэтому просто попробуйте немного поработать.

Вот обходной путь, который я делаю для достижения автоматического воспроизведения в этом плагине, сначала добавьте атрибуты автоматического воспроизведения в переменную объекта по умолчанию в скрипте circleplayerнаходится в строке 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
        },

Во-вторых, измените сценарий в строке 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
    }
    );
...