aFarkas / jMediaelement

jquery multimedia framework
GNU General Public License v2.0
150 stars 23 forks source link

jQuery 1.7.1, timeline slider and time display do not function #16

Closed lougroshek closed 12 years ago

lougroshek commented 12 years ago

On quickstart-controls.html, demo package, change jquery version to 1.7.1 (to eliminate event.layerX warnings). Select play. Vid plays but time display and timeline slider to not change. Replicated on Safari 5.1.2 and Chrome 16.0.912.63.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Simple predefined Controls Demo</title>
        <link rel="stylesheet" href="css/styles.css" />

        <link class="ui-theme" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/redmond/jquery-ui.css"/>
        <link rel="stylesheet" href="css/player-controls.css" />

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

        <!-- ui-components: you only need slider + progressbar -->
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script>
        <!-- END:  ui-components -->
        <!-- optional for a11y-slider -->
        <script src="../utils/a11y-slider.ext.js"></script>
        <!-- END: for a11y-slider -->

        <!-- full jme script -->
        <!-- configure path to swf-fallback: script.jwPlayer[src] -->
        <script class="jwPlayer" type="application/swf" src="../packages/player.swf"></script>
        <script src="../packages/mm.full.min.js"></script>

        <!-- jmeEmbedControls: good for rapid development and quick start -->
        <script src="../utils/jmeEmbedControls.js"></script>

        <script>
            $('html').addClass('js-on');
            $(function(){
                $('div.media-player').jmeEmbedControls();
            });
        </script>

    </head>
    <body>
        <h1>Demo for jmeEmbedControls</h1>

        <h2>Videoplayer</h2>
        <div class="media-player">
            <span class="media-label">video: big buck bunny</span>
            <video poster="media/bbb_watchtrailer.gif" controls="controls" preload="none">
                <source src="media/bbb_trailer_mobile.m4v" type="video/mp4" />
                <source src="media/bbb_trailer_400p.ogg" />
            </video>
        </div>

        <hr />
        <h2>Audioplayer</h2>

        <div class="media-player">
            <!-- class for labelling a player good for a11y -->
            <span class="media-label">audioplayer</span>

            <audio controls="controls" preload="none">
                <source src="media/swazzrokk_v1.mp3" type="audio/mpeg" />
                <source src="media/swazzrokk_v1.ogg" type="audio/ogg" />
            </audio>

        </div>