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

Question

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

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

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

Кроме того, с IE 7 и 8, Flash Player, используемый, когда HTML5-видео не поддерживается браузером, слишкоммаленький.

Надеюсь, кто-то может помочь
Спасибо

РЕДАКТИРОВАТЬ: добавлен код

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 - «/ [name for video без расширения»]. И window.pathToFlashVideo - это путь к резервной копии флэш-памяти, определенный на моей html-странице

.

Answer 1

Похоже, проблема в том, что CSS-код div содержит видео.Я убрал высоту: 100%, и теперь он работает нормально.

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