Sublime Video-Player nicht in IE9 Ändern der Größe

Question

So verwende ich diese js gehosteten meine Videos zu laufen: http://sublimevideo.net/

auf der ersten Folie hier: www.xsp.com/indexvideo.php

Der Link ist soll ein verstecktes div zeigen, das einen Container hat. Wenn Sie auf Video klicken, soll es den Abstand zwischen der Kopf- und Fußzeile ausfüllen. Was es macht. Es sollte auch die Größe des Videos ändern, wenn Sie die Größe des Browserfensters ändern. Funktioniert in IE 7 + 8, Firefox und Safari. Aber nicht IE 9.

Wer hat irgendwelche Gedanken?

Resize Code zu folgen:

$(window).resize(function() { 
     proportion_index(); 
     clearTimeout(resizeTimer); 
     resizeTimer = setTimeout(letsDoThis, 0); 
    }); 

    function letsDoThis() { 
     resize_object(); 
    }; 

    function resize_object() { 
     var viewportwidth; 
     var viewportheight; 

     // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight 
     if (typeof window.innerWidth != 'undefined') { 
      viewportwidth = window.innerWidth; 
      viewportheight = window.innerHeight; 
     } 

     // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document) 
     else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth !='undefined' && document.documentElement.clientWidth != 0) { 
      viewportwidth = document.documentElement.clientWidth; 
      viewportheight = document.documentElement.clientHeight; 
     } 

     // older versions of IE 
     else { 
      viewportwidth = document.getElementsByTagName('body')[0].clientWidth; 
      viewportheight = document.getElementsByTagName('body')[0].clientHeight; 
     } 

     //SET THE VIEWPORT TO BROWSER WIDTH AND BROWSER HEIGHT MINUS THE HEADER AND FOOTER SPACE 
     if(viewportheight > 650) { 
      viewportheight = viewportheight - 242; 
     } else if(viewportheight <= 650) { 
      viewportheight = viewportheight - 90; 
     } 

     $('#slide1video').css('width',viewportwidth); 
     $('#slide1video').css('height',viewportheight); 
     $('#slide1video').css('z-index','1001'); 
     $('#slide1video').css('background','#000000'); 

     $('#sublime_video_wrapper_0').css('width',viewportwidth); 
     $('#sublime_video_wrapper_0').css('height',viewportheight); 
     $('#sublime_video_wrapper_0').css('z-index','1002'); 
     $('#slide1video').css('background','#000000'); 

     $('span.sv_play_button').css('width',viewportwidth); 
     $('span.sv_play_button').css('height',viewportheight); 
     $('span.sv_play_button').css('background','blue'); 
     $('span.sv_play_button').css('z-index','1003'); 

     $('.sublime_video_content').css('width',viewportwidth); 
     $('.sublime_video_content').css('height',viewportheight); 
     $('.sublime_video_content').css('background','#000000'); 

     $('video.sublimed').attr('width',viewportwidth); 
     $('video.sublimed').attr('height',viewportheight); 
     $('video.sublimed').css('width',viewportwidth); 
     $('video.sublimed').css('height',viewportheight); 
     $('video.sublimed').css('max-width',viewportwidth); 
     $('video.sublimed').css('max-height',viewportheight); 
     $('video.sublimed').css('left','0'); 
     $('video.sv_html5_fullscreen').css('left','0'); 
     $('video.sublimed').css('z-index','1000'); 

     $('.sv_controls').css('width',viewportwidth); 
     $('.sv_progress_back').css('width',viewportwidth - 89); 
    } 

Answer 1

Sie sollten versuchen, die SublimeVideo Resize-Methode zu verwenden, anstatt es manuell zu tun. Finden Sie eine Demo hier: http://test.sublimevideo.net/resize und weitere Informationen über die Methode resize in unserer Dokumentation: http://docs.sublimevideo.net/javascript-api/methods#resize

Zögern Sie nicht, Fragen in unserem Community-Forum zu stellen.