Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

jPlayer Circle not working in IE 7/8/9 #9

Open
jennyooooo opened this issue May 5, 2012 · 1 comment
Open

jPlayer Circle not working in IE 7/8/9 #9

jennyooooo opened this issue May 5, 2012 · 1 comment

Comments

@jennyooooo
Copy link

Hi All!

I'm unsure of the proper protocol for posting issues but I can not get this thing to work for the life of me and I'm at a loss. Plus I posted on the Google Groups site and now has responded at all. It works on everything except IE 7/8/9 and when I looked at the FAQs it just said that my swfPath is incorrect but all looks fine to me. I'm not to sure what I'm doing wrong and any help would be appreciated. It's been weeks and I still haven't figured it out.

The link is http://feefifofun.com/musicbutton.html but make sure to turn your volume down initially as there is an embedded song, luckily it doesn't loop.

What's listed in of my HTML:

<script type="text/javascript"> $(document).ready(function(){ var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1", { wav: "http://www.feefifofun.com/music/FFFFKids.wav", mp3: "http://www.feefifofun.com/music/music/FFFFKids.mp3", oga: "http://www.feefifofun.commusic/FFFFKids.ogg" }, { cssSelectorAncestor: "#cp_container_1" }); }); </script>

MY HTML:

    <div id="jquery_jplayer_1" class="cp-jplayer"></div>

    <div class="prototype-wrapper">

        <div id="cp_container_1" class="cp-container">
            <div class="cp-buffer-holder"> <!-- .cp-gt50 only needed when buffer is > than 50% -->
                <div class="cp-buffer-1"></div>

            </div>
            <div class="cp-progress-holder">
                <div class="cp-progress-1"></div>

            </div>
            <div class="cp-circle-control"></div>
            <ul class="cp-controls">
                <li><a href="#" class="cp-play" tabindex="1">0play</a></li>
                <li><a href="#" class="cp-pause" style="display:none;" tabindex="1">pause</a></li>
            </ul>
        </div>
    </div>

Snippet of script from my circle.player.js:

var CirclePlayer = function(jPlayerSelector, media, options) {
var self = this,

    defaults = {
        // solution: "flash, html", // For testing Flash with CSS3
        supplied: "wav, mp3, oga",
        // 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"
        }
    },
@fisruk
Copy link

fisruk commented Sep 26, 2012

I have the same problem.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants