javascript - Flowplayer on IE8 Loading issues -
hay guys im trying use flowplayer load videos on flyout on ie 8. think not compatability issue since have page videos load , player displayed. occures when try load video using java script onto flyout. of bliack space player should be.
<!-- internet explorer flyout --> <div id="videoflyoutie<?=$itemz['newsid']?>" class="popupwrapper" style="display:none;position:absolute;top:10px;left:auto;"> <div class="firstpopupdiv" style="left:center;height:auto;width:620px;"> <div class="popupdivinner" style="display:block;" class="hidesteps"> <h1 style="color:#333333;" ><?=$itemz['title']?><div id="title"></div></h1> <hr/> <div id="tst<?=$itemz['newsid']?>"> <center> <a id="player<?=$itemz['newsid']?>" style=";display:block; height:365px; width:auto;"></a> </center> <br/> <hr/> <?php echo $itemz['description'];?> </div> <a class="btnred clickable floatright" style="position:relative;top:12px;" onclick="closevideo('<?=$itemz['newsid']?>');"><?=$lang[109]?></a> </div> </div> </div> here loading functions
function showvideo(id,link) { if(navigator.appname == 'microsoft internet explorer') { showpopup("videoflyoutie"+id); startvideo(id,link); } else { showpopup("videoflyout"+id) } } function startvideo(id,link) { $("#tst"+id).fadein("slow", function() { $f("player"+id, {src: "players/nobranding.swf", wmode: 'opaque'}, { clip: { autoplay: true }, playlist: [ 'videos/imports/'+link, ], plugins: { controls: { playlist: true } } } ).ipad(); }); } function showpopup(popupid, scrolltotop, slidedown) { if (scrolltotop === undefined){ scrolltotop = true; } else{ scrolltotop = false; } if (slidedown === undefined){ slidedown = false; } else{ slidedown = true; } // see if there overlay, , if not, insert begining of body if($(".overlay").length != 1) { $(".overlay").remove(); $("body").prepend("<div class='overlay'></div>"); } // ensure overlay covers entire window, not viewport $(".overlay").css({'height': $(document).height()}); //$('html,body').animate({scrolltop: error_location}, 'slow', 'swing', function(){firsterror.focus();}); // fade in transparent layer (can't use fadein because screws opacity) $(".overlay").show().animate( { opacity: 0.7 }, "slow" ); if (scrolltotop){ $('html,body').animate({scrolltop: 0}, 'slow', 'swing'); } // show popup if (!slidedown){ $("#" + popupid).fadein("slow"); } else{ $("#" + popupid).slidedown(); } }
Comments
Post a Comment