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

Flash Fallback doesn't work #12

Open
ak1982 opened this issue Oct 19, 2012 · 0 comments
Open

Flash Fallback doesn't work #12

ak1982 opened this issue Oct 19, 2012 · 0 comments

Comments

@ak1982
Copy link

ak1982 commented Oct 19, 2012

Hi There,

I use the circle Player and my flash fallback does not work.
Can you please help me.

Here ist the site:
www.billylewis.de/hear_us.html

And here the code:

<title>Billy Lewis - Leipzig</title>
            <link rel="stylesheet" href="circle.skin/circle.player.css">

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.transform2d.js"></script>
    <script type="text/javascript" src="js/jquery.grab.js"></script>
    <script type="text/javascript" src="js/jquery.jplayer.js"></script>
    <script type="text/javascript" src="js/mod.csstransforms.min.js"></script>
    <script type="text/javascript" src="js/circle.player.js"></script>
    <!--<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>-->

    <script type="text/javascript">
    $(document).ready(function(){

        /*
         * Instance CirclePlayer inside jQuery doc ready
         *
         * CirclePlayer(jPlayerSelector, media, options)
         *   jPlayerSelector: String - The css selector of the jPlayer div.
         *   media: Object - The media object used in jPlayer("setMedia",media).
         *   options: Object - The jPlayer options.
         *
         * Multiple instances must set the cssSelectorAncestor in the jPlayer options. Defaults to "#cp_container_1" in CirclePlayer.
         */

        var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
        {
            m4a: "../media/driving.mp3,media/driving.mp3",
            oga: "media/driving.ogg"
        }, {
            cssSelectorAncestor: "#cp_container_1",
            swfPath: "js",
            supplied: "m4a,ogg",
            wmode: "window"


        });

    });
    </script>
preload preload


listen to our first piece called i'm driving

    <!-- The jPlayer div must not be hidden. Keep it at the root of the body element to avoid any such problems. -->
    <div id="jquery_jplayer_1" class="cp-jplayer"></div>

    <!-- This is the 2nd instance's jPlayer div -->
    <div id="jquery_jplayer_2" class="cp-jplayer"></div>

    <div class="prototype-wrapper"> <!-- A wrapper to emulate use in a webpage and center align -->


        <!-- The container for the interface can go where you want to display it. Show and hide it as you need. -->

        <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 class="cp-buffer-2"></div>
            </div>
            <div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% -->
                <div class="cp-progress-1"></div>
                <div class="cp-progress-2"></div>
            </div>
            <div class="cp-circle-control"></div>
            <ul class="cp-controls">
                <li><a class="cp-play" tabindex="1">play</a></li>
                <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block -->
            </ul>
        </div>
        </div><p class="hearus"> i'm Driving</p>
    </div>
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

1 participant