ビデオウィンドウが画面の幅に合っていない

Question

私はこのウェブサイトをwww.bigideaadv.com/xspに持っています。私はビデオのリンクをクリックするとポップアップするビデオを取得しようとしています。問題は、ブラウザの幅とブラウザの高さ（242ピクセル）を広げたいということです。 Firefoxではうまく動作し、ウィンドウのサイズを変更するとビデオのサイズが変更されます。 SafariとIE 7+では、ダイスはありません。変数はサイズ変更時に新しい値で更新されますが、CSSプロパティは更新されません。それはビデオの本来の価値にとどまります。誰でも考えがありますか？前もって感謝します。コードは次のとおりです。代わりに、このすべてのjavascriptの

function resize() { 
    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 
     //alert(viewportwidth); 
     //alert(viewportheight); 
    } 

    // 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 
    } 

    viewportheight = viewportheight - 242; 

    $('#sublime_video_wrapper_0').css('width', viewportwidth); 
    $('#sublime_video_wrapper_0').css('height', viewportheight); 
    $('#sublime_vixdeo_wrapper_0').css('z-index', '1003'); 
    $('#slide1video embed').css('width', viewportwidth); 
    $('#slide1video embed').css('height', viewportheight); 
    $('#slide1video embed').css('z-index', '1002'); 
    $('#slide1video').css('width', viewportwidth); 
    $('#slide1video').css('height', viewportheight); 
    $('#slide1video').css('z-index', '1001'); 
    $('video.sublime').css('width', viewportwidth); 
    $('video.sublime').css('height', viewportheight); 
    $('video.sublime').css('z-index', '1000'); 
};​ 

Answer 1

を...あなただけのCSSを使用してこれを達成することができます....ちょうどmax-width:100%;

として幅を100％とビデオの高さとその親のCSSプロパティを指定します

Answer 2

あなたはCSSを修正する必要があります。私はどのように崇高なビデオは動作するのか分かりませんが、ビデオコンテナの固定幅は200px &固定幅400pxです。

#sublime_video_wrapper_0{ 
    width:100% !important; 
    height:100% !important; 
} 

のWebKitブラウザ、多分IEが、私はそれをテストしていないため、問題を修正する必要があります：私はこの試みを与えるだろう。