HTML5 <video> ширина и высота

Question

Я работаю над тем, чтобы получить видео на моей веб-странице с тегом video.

Я использую FlareVideo для создания своего видео тега. Я могу заставить видео работать в каждом браузере, который мне нужен (IE 7/8/9, Firefox, Chrome, Safari).

Дело в том, что когда я устанавливаю ширину и ширину, похоже, что Safari и Chrome вообще не заботятся и просто устанавливают правильную ширину, но слишком высокую высоту.

Также, с IE 7 и 8, флеш-плеер, используемый при отсутствии HTML5-видео в браузере, слишком мал.

Надежда кто-то может помочь
Благодаря

EDIT: добавлен код

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 немного что то, что должно be (ширина и высота здесь жестко запрограммированы вместо использования двух параметров моей функции). Кроме того, формат vidUrl является «/ [имя Ф.О. видео без расширения»] И window.pathToFlashVideo путь для флэш-запасной вариант, определенный на моей странице HTML

Answer 1

Похоже, эта проблема исходит от CSS, содержащий видео. Я удалил высоту: 100%, и теперь она работает нормально.

Надеюсь, что это поможет кому-либо еще с той же проблемой