Question

我正在使用video标记在我的网页上制作视频。

我正在使用FlareVideo来创建我的视频标签。我可以将视频用于我需要的每个浏览器（IE 7/8/9，Firefox，Chrome，Safari）。

问题是，当我设置宽度和高度时，看起来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的格式是“/ [没有扩展名的视频的名称”] 并且，window.pathToFlashVideo是我的html页面上定义的flash回退的路径

Answer 1

似乎问题来自包含视频的div的CSS。我删除了高度：100％，现在它工作正常。

希望这可以帮助其他人解决同样的问题

HTML5 <video>宽度和高度</video>

1 个答案: