2012-04-12 2 views
0

にリサイズない:ここで最初のスライドにhttp://sublimevideo.net/崇高ビデオプレーヤーだから私は、これは自分の動画を実行するためのJSを開催し使用していIE9

を:

www.xsp.com/indexvideo.phpリンクですコンテナを持つ隠しdivを表示するはずです。ビデオをクリックすると、ヘッダーとフッターの間のスペースを埋めることになっています。それは何か。また、ブラウザウィンドウのサイズを変更すると、ビデオのサイズを変更することになっています。 IE 7 + 8、Firefox、およびSafariで動作します。しかし、IE 9はありません。

誰もが考えていますか?

サイズ変更コードは、次のとおりです。

$(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); 
    } 

答えて

2

あなたが代わりに手動でそれをやってのSublimeVideoサイズ変更メソッドを使用してみてください。ここにデモを見つける:http://test.sublimevideo.net/resizeと私たちのドキュメントのresizeメソッドの詳細について:http://docs.sublimevideo.net/javascript-api/methods#resize

私たちのコミュニティフォーラムで質問をすることをためらわないでください。

+0

ヘッドアップありがとう。私は機能を変更し、リスナーとメソッドを使用し、それは素晴らしい作品です。 –

関連する問題