Changeset 1032


Ignore:
Timestamp:
05/11/10 13:36:27 (3 years ago)
Author:
zach
Message:

Attempting to fix IE display issue

Location:
trunk/html5
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/html5/jquery.jwplayer.js

    r1031 r1032  
    981981        }; 
    982982         
    983         displays = {}; 
     983        var displays = {}; 
    984984         
    985985        $.fn.jwplayerDisplay = function(player, domelement) { 
    986986                displays[player.id] = {}; 
    987987                displays[player.id].domelement = domelement; 
     988                displays[player.id].elements = initializeDisplayElements(player); 
    988989                if ($.fn.jwplayerUtils.isiPhone()) { 
    989990                        domelement.attr('poster', $.fn.jwplayerUtils.getAbsolutePath(player.config.image)); 
    … …  
    10011002                var meta = player.meta(); 
    10021003                var html = []; 
    1003                 html.push("<div id='" + player.id + "_display'>"); 
    1004                 html.push("<a id='" + player.id + "_displayImage' href='" + $.fn.jwplayerUtils.getAbsolutePath(meta.sources[meta.source].file) + "'>&nbsp;</a>"); 
    1005                 html.push("<div id='" + player.id + "_displayIconBackground' alt='Click to play video'>"); 
    1006                 html.push("<img id='" + player.id + "_displayIcon' src='" + player.skin.display.elements.playIcon.src + "' alt='Click to play video' />"); 
     1004                html.push("<div id='" + player.id + "_display'" + getStyle(player, 'display') + ">"); 
     1005                html.push("<div id='" + player.id + "_displayImage' href='" + $.fn.jwplayerUtils.getAbsolutePath(meta.sources[meta.source].file) + "'" + getStyle(player, 'displayImage') + ">&nbsp;</div>"); 
     1006                html.push("<div id='" + player.id + "_displayIconBackground' alt='Click to play video'" + getStyle(player, 'displayIconBackground') + ">"); 
     1007                html.push("<img id='" + player.id + "_displayIcon' src='" + player.skin.display.elements.playIcon.src + "' alt='Click to play video'" + getStyle(player, 'displayIcon') + "/>"); 
    10071008                html.push('</div>'); 
    1008                 html.push('<a id="' + player.id + '_logo" target="_blank" href="' + logoDefaults.link + '">&nbsp;</a>'); 
     1009                html.push('<a id="' + player.id + '_logo" target="_blank" href="' + logoDefaults.link + '"' + getStyle(player, 'logo') + '>&nbsp;</a>'); 
    10091010                html.push('</div>'); 
    10101011                displays[player.id].domelement.before(html.join('')); 
    10111012                setupDisplayElements(player); 
     1013        } 
     1014         
     1015        function getStyle(player, element) { 
     1016                var result = ''; 
     1017                for (var style in displays[player.id].elements[element].style) { 
     1018                        result += style + ":" + displays[player.id].elements[element].style[style] + ";"; 
     1019                } 
     1020                if (result === '') { 
     1021                        return ' '; 
     1022                } 
     1023                return ' style="' + result + '" '; 
    10121024        } 
    10131025         
    … …  
    10171029                        var elementId = ['#', player.id, '_', element]; 
    10181030                        displays[player.id][element] = $(elementId.join('')); 
    1019                         displays[player.id][element].css(displayElements[element].style); 
     1031                        //displays[player.id][element].css(displayElements[element].style); 
    10201032                        if (displayElements[element].click !== undefined) { 
    10211033                                displays[player.id][element].click(displayElements[element].click); 
    … …  
    10361048                                        margin: 0, 
    10371049                                        padding: 0 
    1038                                 } 
     1050                                }, 
     1051                                click: displayClickHandler(player) 
    10391052                        }, 
    10401053                        displayIcon: { 
    … …  
    10611074                                        margin: 0, 
    10621075                                        padding: 0 
    1063                                 }, 
    1064                                 click: clickHandler(player) 
     1076                                } 
    10651077                        }, 
    10661078                        displayImage: { 
    … …  
    10771089                                        padding: 0, 
    10781090                                        'text-decoration': 'none' 
    1079                                 }, 
    1080                                 click: clickHandler(player) 
     1091                                } 
    10811092                        }, 
    10821093                        logo: { 
    … …  
    10901101                                        display: 'none', 
    10911102                                        'text-decoration': 'none' 
    1092                                 } 
     1103                                }, 
     1104                                click: logoClickHandler() 
    10931105                        } 
    10941106                }; 
    … …  
    11001112        } 
    11011113         
    1102         function clickHandler(player) { 
     1114        function displayClickHandler(player) { 
    11031115                return function(evt) { 
    11041116                        if (player.media === undefined) { 
     1117                                document.location.href = $.fn.jwplayerUtils.getAbsolutePath(player.meta().sources[player.meta().source].file); 
    11051118                                return; 
    11061119                        } 
    … …  
    11151128                                player.pause(); 
    11161129                        } 
     1130                }; 
     1131        } 
     1132         
     1133        function logoClickHandler() { 
     1134                return function(evt) { 
     1135                        evt.stopPropagation(); 
     1136                        return; 
    11171137                }; 
    11181138        } 
    … …  
    11971217                                        try { 
    11981218                                                displays[obj.id].logo.clearQueue(); 
    1199                                         } catch (err){ 
    1200                                                  
     1219                                        } catch (err) { 
     1220                                         
    12011221                                        } 
    12021222                                        displays[obj.id].logo.fadeIn(0, function() { 

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

    r1027 r1032  
    2121        }; 
    2222         
    23         displays = {}; 
     23        var displays = {}; 
    2424         
    2525        $.fn.jwplayerDisplay = function(player, domelement) { 
    2626                displays[player.id] = {}; 
    2727                displays[player.id].domelement = domelement; 
     28                displays[player.id].elements = initializeDisplayElements(player); 
    2829                if ($.fn.jwplayerUtils.isiPhone()) { 
    2930                        domelement.attr('poster', $.fn.jwplayerUtils.getAbsolutePath(player.config.image)); 
    … …  
    4142                var meta = player.meta(); 
    4243                var html = []; 
    43                 html.push("<div id='" + player.id + "_display'>"); 
    44                 html.push("<a id='" + player.id + "_displayImage' href='" + $.fn.jwplayerUtils.getAbsolutePath(meta.sources[meta.source].file) + "'>&nbsp;</a>"); 
    45                 html.push("<div id='" + player.id + "_displayIconBackground' alt='Click to play video'>"); 
    46                 html.push("<img id='" + player.id + "_displayIcon' src='" + player.skin.display.elements.playIcon.src + "' alt='Click to play video' />"); 
     44                html.push("<div id='" + player.id + "_display'" + getStyle(player, 'display') + ">"); 
     45                html.push("<div id='" + player.id + "_displayImage'" + getStyle(player, 'displayImage') + ">&nbsp;</div>"); 
     46                html.push("<div id='" + player.id + "_displayIconBackground' alt='Click to play video'" + getStyle(player, 'displayIconBackground') + ">"); 
     47                html.push("<img id='" + player.id + "_displayIcon' src='" + player.skin.display.elements.playIcon.src + "' alt='Click to play video'" + getStyle(player, 'displayIcon') + "/>"); 
    4748                html.push('</div>'); 
    48                 html.push('<a id="' + player.id + '_logo" target="_blank" href="' + logoDefaults.link + '">&nbsp;</a>'); 
     49                html.push('<a id="' + player.id + '_logo" target="_blank" href="' + logoDefaults.link + '"' + getStyle(player, 'logo') + '>&nbsp;</a>'); 
    4950                html.push('</div>'); 
    5051                displays[player.id].domelement.before(html.join('')); 
    5152                setupDisplayElements(player); 
     53        } 
     54         
     55        function getStyle(player, element) { 
     56                var result = ''; 
     57                for (var style in displays[player.id].elements[element].style) { 
     58                        result += style + ":" + displays[player.id].elements[element].style[style] + ";"; 
     59                } 
     60                if (result === '') { 
     61                        return ' '; 
     62                } 
     63                return ' style="' + result + '" '; 
    5264        } 
    5365         
    … …  
    5769                        var elementId = ['#', player.id, '_', element]; 
    5870                        displays[player.id][element] = $(elementId.join('')); 
    59                         displays[player.id][element].css(displayElements[element].style); 
     71                        //displays[player.id][element].css(displayElements[element].style); 
    6072                        if (displayElements[element].click !== undefined) { 
    6173                                displays[player.id][element].click(displayElements[element].click); 
    … …  
    7688                                        margin: 0, 
    7789                                        padding: 0 
    78                                 } 
     90                                }, 
     91                                click: displayClickHandler(player) 
    7992                        }, 
    8093                        displayIcon: { 
    … …  
    101114                                        margin: 0, 
    102115                                        padding: 0 
    103                                 }, 
    104                                 click: clickHandler(player) 
     116                                } 
    105117                        }, 
    106118                        displayImage: { 
    … …  
    117129                                        padding: 0, 
    118130                                        'text-decoration': 'none' 
    119                                 }, 
    120                                 click: clickHandler(player) 
     131                                } 
    121132                        }, 
    122133                        logo: { 
    … …  
    130141                                        display: 'none', 
    131142                                        'text-decoration': 'none' 
    132                                 } 
     143                                }, 
     144                                click: logoClickHandler() 
    133145                        } 
    134146                }; 
    … …  
    140152        } 
    141153         
    142         function clickHandler(player) { 
     154        function displayClickHandler(player) { 
    143155                return function(evt) { 
    144156                        if (player.media === undefined) { 
     157                                document.location.href = $.fn.jwplayerUtils.getAbsolutePath(player.meta().sources[player.meta().source].file); 
    145158                                return; 
    146159                        } 
    … …  
    155168                                player.pause(); 
    156169                        } 
     170                }; 
     171        } 
     172         
     173        function logoClickHandler() { 
     174                return function(evt) { 
     175                        evt.stopPropagation(); 
     176                        return; 
    157177                }; 
    158178        } 
    … …  
    237257                                        try { 
    238258                                                displays[obj.id].logo.clearQueue(); 
    239                                         } catch (err){ 
    240                                                  
     259                                        } catch (err) { 
     260                                         
    241261                                        } 
    242262                                        displays[obj.id].logo.fadeIn(0, function() { 
Note: See TracChangeset for help on using the changeset viewer.