Changeset 949


Ignore:
Timestamp:
04/24/10 21:21:42 (3 years ago)
Author:
zach
Message:
  • Controlbar correctly positioned
Location:
trunk/html5
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/html5/jquery.jwplayer.js

    r947 r949  
    1515                        var id = $(this)[0].id; 
    1616                        var div = $('#' + id).parents()[0].id; 
     17                        //$($('#' + id).parents()[0]).append('<div id="' + div + '">'); 
    1718                        var player = document.getElementById(id); 
    1819                        var options = $.extend({}, $.fn.jwplayerControlbar.defaults, ops); 
    … …  
    2223                                id: id, 
    2324                                div: div, 
    24                                 left: $('#' + div).position().left, 
    25                                 top: $('#' + div).position().top 
     25                                left: 0, 
     26                                top: 0 
    2627                        }); 
    27                         $('#' + div).css('position', 'static'); 
    28                         $('#' + div).css('z-index', '98'); 
    29                         $('#' + div).css('height', options.height); 
    30                         $('#' + div).css('width', options.width); 
    31                         $('#' + id).css('width', '100%'); 
    32                         $('#' + id).css('height', '100%'); 
    3328                        // Save the variables globally and start loading the skin. 
    3429                        config = { 
    … …  
    110105        function buildElements(config) { 
    111106                // Draw the background. 
    112                 $('#' + config.options.div).after('<div id="' + config.options.id + '_jwplayerControlbar"></div>'); 
    113                 $('#' + config.options.id + '_jwplayerControlbar').css('position', 'absolute'); 
     107                $('#' + config.options.div).append('<div id="' + config.options.id + '_jwplayerControlbar"></div>'); 
     108                $('#' + config.options.id + '_jwplayerControlbar').css('position', 'relative'); 
    114109                $('#' + config.options.id + '_jwplayerControlbar').css('height', config.images.background.height); 
    115110                $('#' + config.options.id + '_jwplayerControlbar').css('background', 'url(' + config.images.background.src + ') repeat-x center left'); 
    … …  
    187182                 */ 
    188183                // Register events with the player. 
    189                 $.jwplayer("#"+config.player.id).buffer($.fn.jwplayerControlbar.bufferHandler); 
    190                 $.jwplayer("#"+config.player.id).state($.fn.jwplayerControlbar.stateHandler); 
    191                 $.jwplayer("#"+config.player.id).time($.fn.jwplayerControlbar.timeHandler); 
    192                 $.jwplayer("#"+config.player.id).mute($.fn.jwplayerControlbar.muteHandler); 
    193                 $.jwplayer("#"+config.player.id).volume($.fn.jwplayerControlbar.volumeHandler); 
     184                $.jwplayer("#" + config.player.id).buffer($.fn.jwplayerControlbar.bufferHandler); 
     185                $.jwplayer("#" + config.player.id).state($.fn.jwplayerControlbar.stateHandler); 
     186                $.jwplayer("#" + config.player.id).time($.fn.jwplayerControlbar.timeHandler); 
     187                $.jwplayer("#" + config.player.id).mute($.fn.jwplayerControlbar.muteHandler); 
     188                $.jwplayer("#" + config.player.id).volume($.fn.jwplayerControlbar.volumeHandler); 
    194189                // Trigger a few events so the bar looks good on startup. 
    195190                fullscreenHandler(config.options); 
    … …  
    357352        function fullscreenHandler(options) { 
    358353                if (options.fullscreen) { 
    359                         $('#' + options.div).css('position', 'absolute'); 
    360                         $('#' + options.div).css('left', 0); 
    361                         $('#' + options.div).css('top', 0); 
    362                         $('#' + options.div).css('height', '100%'); 
    363                         $('#' + options.div).css('width', '100%'); 
     354                        //$('#' + options.div).css('position', 'absolute'); 
     355                        //$('#' + options.div).css('left', 0); 
     356                        //$('#' + options.div).css('top', 0); 
     357                        //$('#' + options.div).css('height', '100%'); 
     358                        //$('#' + options.div).css('width', '100%'); 
    364359                        $('#' + options.id + '_normalscreenButton').css('display', 'block'); 
    365360                        $('#' + options.id + '_fullscreenButton').css('display', 'none'); 
    … …  
    368363                        }); 
    369364                } else { 
    370                         $('#' + options.div).css('position', 'static'); 
    371                         $('#' + options.div).css('left', options.left); 
    372                         $('#' + options.div).css('top', options.top); 
    373                         $('#' + options.div).css('height', options.height); 
    374                         $('#' + options.div).css('width', options.width); 
     365                        //$('#' + options.div).css('position', 'relative'); 
     366                        //$('#' + options.div).css('left', options.left); 
     367                        //$('#' + options.div).css('top', options.top); 
     368                        //$('#' + options.div).css('height', options.height); 
     369                        //$('#' + options.div).css('width', options.width); 
    375370                        $('#' + options.id + '_normalscreenButton').css('display', 'none'); 
    376371                        $('#' + options.id + '_fullscreenButton').css('display', 'block'); 
    … …  
    386381        function resizeBar(options) { 
    387382                var lft = options.left; 
    388                 var top = options.top + options.height; 
     383                var top = options.top; 
    389384                var wid = options.width; 
    390385                var hei = $('#' + options.id + '_jwplayerControlbar').height(); 
    … …  
    417412                $('#' + options.id + '_volumeSliderProgress').css('right', 1 * rig + rwd - wid); 
    418413        } 
    419  
    420  
    421         })(jQuery); 
     414         
     415         
     416})(jQuery); 
    422417/** 
    423418 * JW Player controller component 
    … …  
    600595                        volume: volume(selector), 
    601596                        width: width(selector), 
     597                        addEventListener: apiAddEventListener(selector), 
     598                        removeEventListener: apiRemoveEventListener(selector), 
    602599                        events: events 
    603600                }; 
    … …  
    884881        } 
    885882         
     883        /** Returns the API method for adding an event listener.**/ 
     884        function apiAddEventListener(player) { 
     885                return function(event, listener) { 
     886                        addEventListener(player, event, listener); 
     887                }; 
     888        } 
     889 
     890        /** Returns the API method for adding an event listener.**/ 
     891        function apiRemoveEventListener(player) { 
     892                return function(event, listener) { 
     893                        removeEventListener(player, event, listener); 
     894                }; 
     895        } 
    886896         
    887897        /** Add an event listener. **/ 
    … …  
    17161726                return this.each(function() { 
    17171727                        var video = $(this); 
    1718                         $(this).wrap("<div id='"+$(this)[0].id+"_jwplayer' />"); 
    1719                         $(this).parent().css("position","relative"); 
    1720                         $(this).css("position","absolute"); 
     1728                        if ($(this).attr("src") !== "") { 
     1729                                $(this).attr("preload", "metadata"); 
     1730                                $(this).append('<source src="' + $(this).attr("src") + '" >'); 
     1731                                $(this).removeAttr("src"); 
     1732                        } 
     1733                        $(this).wrap("<div id='" + $(this)[0].id + "_jwplayer' />"); 
     1734                        $(this).parent().css("position", "relative"); 
     1735                        //$(this).css("display", "none"); 
     1736                        $(this).css("position", "absolute"); 
    17211737                        $(this).css("left", "0px"); 
    17221738                        $(this).css("top", "0px"); 
    17231739                        $(this).css("z-index", "0"); 
    17241740                        $(this).before("<a href='" + $(this).data("model").sources[$(this).data("model").source].file + "' style='display:block; background:#ffffff url(" + $(this).data("model").image + ") no-repeat center center;width:" + $(this).data("model").width + "px;height:" + $(this).data("model").height + "px;position:relative;'><img src='http://content.bitsontherun.com/staticfiles/play.png' alt='Click to play video' style='position:absolute; top:" + ($(this).data("model").height - 60) / 2 + "px; left:" + ($(this).data("model").width - 60) / 2 + "px; border:0;' /></a>"); 
    1725                         $(this).prev("a").css("position","relative"); 
    1726                         $(this).prev("a").css("z-index","100"); 
     1741                        $(this).prev("a").css("position", "relative"); 
     1742                        $(this).prev("a").css("z-index", "100"); 
    17271743                        $(this).prev("a").click(function(evt) { 
    17281744                                if (typeof evt.preventDefault != 'undefined') { 

  • trunk/html5/src/jquery.jwplayerControlbar.js

    r943 r949  
    1515                        var id = $(this)[0].id; 
    1616                        var div = $('#' + id).parents()[0].id; 
     17                        //$($('#' + id).parents()[0]).append('<div id="' + div + '">'); 
    1718                        var player = document.getElementById(id); 
    1819                        var options = $.extend({}, $.fn.jwplayerControlbar.defaults, ops); 
    … …  
    2223                                id: id, 
    2324                                div: div, 
    24                                 left: $('#' + div).position().left, 
    25                                 top: $('#' + div).position().top 
     25                                left: 0, 
     26                                top: 0 
    2627                        }); 
    27                         $('#' + div).css('position', 'static'); 
    28                         $('#' + div).css('z-index', '98'); 
    29                         $('#' + div).css('height', options.height); 
    30                         $('#' + div).css('width', options.width); 
    31                         $('#' + id).css('width', '100%'); 
    32                         $('#' + id).css('height', '100%'); 
    3328                        // Save the variables globally and start loading the skin. 
    3429                        config = { 
    … …  
    110105        function buildElements(config) { 
    111106                // Draw the background. 
    112                 $('#' + config.options.div).after('<div id="' + config.options.id + '_jwplayerControlbar"></div>'); 
    113                 $('#' + config.options.id + '_jwplayerControlbar').css('position', 'absolute'); 
     107                $('#' + config.options.div).append('<div id="' + config.options.id + '_jwplayerControlbar"></div>'); 
     108                $('#' + config.options.id + '_jwplayerControlbar').css('position', 'relative'); 
    114109                $('#' + config.options.id + '_jwplayerControlbar').css('height', config.images.background.height); 
    115110                $('#' + config.options.id + '_jwplayerControlbar').css('background', 'url(' + config.images.background.src + ') repeat-x center left'); 
    … …  
    187182                 */ 
    188183                // Register events with the player. 
    189                 $.jwplayer("#"+config.player.id).buffer($.fn.jwplayerControlbar.bufferHandler); 
    190                 $.jwplayer("#"+config.player.id).state($.fn.jwplayerControlbar.stateHandler); 
    191                 $.jwplayer("#"+config.player.id).time($.fn.jwplayerControlbar.timeHandler); 
    192                 $.jwplayer("#"+config.player.id).mute($.fn.jwplayerControlbar.muteHandler); 
    193                 $.jwplayer("#"+config.player.id).volume($.fn.jwplayerControlbar.volumeHandler); 
     184                $.jwplayer("#" + config.player.id).buffer($.fn.jwplayerControlbar.bufferHandler); 
     185                $.jwplayer("#" + config.player.id).state($.fn.jwplayerControlbar.stateHandler); 
     186                $.jwplayer("#" + config.player.id).time($.fn.jwplayerControlbar.timeHandler); 
     187                $.jwplayer("#" + config.player.id).mute($.fn.jwplayerControlbar.muteHandler); 
     188                $.jwplayer("#" + config.player.id).volume($.fn.jwplayerControlbar.volumeHandler); 
    194189                // Trigger a few events so the bar looks good on startup. 
    195190                fullscreenHandler(config.options); 
    … …  
    357352        function fullscreenHandler(options) { 
    358353                if (options.fullscreen) { 
    359                         $('#' + options.div).css('position', 'absolute'); 
    360                         $('#' + options.div).css('left', 0); 
    361                         $('#' + options.div).css('top', 0); 
    362                         $('#' + options.div).css('height', '100%'); 
    363                         $('#' + options.div).css('width', '100%'); 
     354                        //$('#' + options.div).css('position', 'absolute'); 
     355                        //$('#' + options.div).css('left', 0); 
     356                        //$('#' + options.div).css('top', 0); 
     357                        //$('#' + options.div).css('height', '100%'); 
     358                        //$('#' + options.div).css('width', '100%'); 
    364359                        $('#' + options.id + '_normalscreenButton').css('display', 'block'); 
    365360                        $('#' + options.id + '_fullscreenButton').css('display', 'none'); 
    … …  
    368363                        }); 
    369364                } else { 
    370                         $('#' + options.div).css('position', 'static'); 
    371                         $('#' + options.div).css('left', options.left); 
    372                         $('#' + options.div).css('top', options.top); 
    373                         $('#' + options.div).css('height', options.height); 
    374                         $('#' + options.div).css('width', options.width); 
     365                        //$('#' + options.div).css('position', 'relative'); 
     366                        //$('#' + options.div).css('left', options.left); 
     367                        //$('#' + options.div).css('top', options.top); 
     368                        //$('#' + options.div).css('height', options.height); 
     369                        //$('#' + options.div).css('width', options.width); 
    375370                        $('#' + options.id + '_normalscreenButton').css('display', 'none'); 
    376371                        $('#' + options.id + '_fullscreenButton').css('display', 'block'); 
    … …  
    386381        function resizeBar(options) { 
    387382                var lft = options.left; 
    388                 var top = options.top + options.height; 
     383                var top = options.top; 
    389384                var wid = options.width; 
    390385                var hei = $('#' + options.id + '_jwplayerControlbar').height(); 
    … …  
    417412                $('#' + options.id + '_volumeSliderProgress').css('right', 1 * rig + rwd - wid); 
    418413        } 
    419  
    420  
    421         })(jQuery); 
     414         
     415         
     416})(jQuery); 

  • trunk/html5/src/jquery.jwplayerView.js

    r939 r949  
    2222                return this.each(function() { 
    2323                        var video = $(this); 
    24                         $(this).wrap("<div id='"+$(this)[0].id+"_jwplayer' />"); 
    25                         $(this).parent().css("position","relative"); 
    26                         $(this).css("position","absolute"); 
     24                        if ($(this).attr("src") !== "") { 
     25                                $(this).attr("preload", "metadata"); 
     26                                $(this).append('<source src="' + $(this).attr("src") + '" >'); 
     27                                $(this).removeAttr("src"); 
     28                        } 
     29                        $(this).wrap("<div id='" + $(this)[0].id + "_jwplayer' />"); 
     30                        $(this).parent().css("position", "relative"); 
     31                        //$(this).css("display", "none"); 
     32                        $(this).css("position", "absolute"); 
    2733                        $(this).css("left", "0px"); 
    2834                        $(this).css("top", "0px"); 
    2935                        $(this).css("z-index", "0"); 
    3036                        $(this).before("<a href='" + $(this).data("model").sources[$(this).data("model").source].file + "' style='display:block; background:#ffffff url(" + $(this).data("model").image + ") no-repeat center center;width:" + $(this).data("model").width + "px;height:" + $(this).data("model").height + "px;position:relative;'><img src='http://content.bitsontherun.com/staticfiles/play.png' alt='Click to play video' style='position:absolute; top:" + ($(this).data("model").height - 60) / 2 + "px; left:" + ($(this).data("model").width - 60) / 2 + "px; border:0;' /></a>"); 
    31                         $(this).prev("a").css("position","relative"); 
    32                         $(this).prev("a").css("z-index","100"); 
     37                        $(this).prev("a").css("position", "relative"); 
     38                        $(this).prev("a").css("z-index", "100"); 
    3339                        $(this).prev("a").click(function(evt) { 
    3440                                if (typeof evt.preventDefault != 'undefined') { 
Note: See TracChangeset for help on using the changeset viewer.