HTML5 <video>寬度和高度

我正在努力使用video標記在我的網頁上獲取視頻。HTML5 <video>寬度和高度

我使用FlareVideo創建我的視頻標籤。我可以讓視頻適用於我需要的所有瀏覽器（IE 7/8/9，Firefox，Chrome，Safari）。

事情是，當我設置寬度和heigt，它看起來像Safari和Chrome根本不在乎，只是把正確的寬度，但方式太高的高度。

此外，在IE 7和8中，瀏覽器不支持HTML5視頻時使用的Flash播放器太小。

希望有人能幫助
感謝

編輯：添加代碼

的HTML代碼

<div id="flarevideo" class="video-player" style="display:none;"></div>

的JavaScript代碼

function vidSwap(vidURL, awidth, aheight) { 
    var pwidth = 720; 
    var pheight = 406; 
    $("div.video-player").show(); 
    fv = $("#flarevideo").flareVideo({ 
     flashSrc: window.pathToFlashVideo, 
     width: pwidth, 
     height: pheight, 
     autobuffer: false, 
     preload: false 
    }); 
    fv.load([ 
     { 
      src: '[server address]' + vidURL +'.mp4', 
      type: 'video/mp4' 
     }, 
     { 
      src: '{server address]' + vidURL + '.ogv', 
      type: 'video/ogg; codecs="theora, vorbis"' 
     } 
    ]); 
}

注意，JavaScript是一種位不同的是它應該是（寬度和高度這裏是硬編碼，而不是使用我的函數的兩個參數）。此外，vidUrl的格式爲「/ [名FO無後綴名的視頻」] 而且，window.pathToFlashVideo是閃光燈回退的道路，我的HTML頁面上定義

來源

2012-02-03 Shadowxvii

什麼尺寸爲您的視頻，並且你想將其設置到什麼尺寸？ – robertc 2012-02-03 15:26:48

請寄一些html。 – nikan 2012-02-03 15:52:10

我的視頻的大小是720X406像素，我試圖將其設置爲exaclty。查看html/js的帖子 – Shadowxvii 2012-02-03 18:37:11

好像這個問題是從未來包含視頻的div的CSS。我刪除了高度：100％，現在它工作正常。

希望這有助於其他人同樣的問題

來源

2012-02-07 15:20:39 Shadowxvii

好的建議 - 尤其值得記住的是，如果你使用twitter bootstrap或其他框架（所有更多的理由不使用它們，imo ...） – yochannah 2013-08-16 14:59:26

HTML5 <video>寬度和高度

回答

相關問題