定义视频尺寸html,使HTML5视频海报与视频本身尺寸相同

有谁知道如何调整HTML5视频海报的大小，使其适合视频本身的确切尺寸？使HTML5视频海报与视频本身尺寸相同

这里是代码：

HTML：

​

CSS：

video{

border:1px solid red;

}​

注意，橙色矩形没有按” t缩放到视频的红色边框。

而且，只需添加CSS下面无法正常工作或因为它重新调整视频的海报一起：

video[poster]{

height:100%;

width:100%;

}

+1

我不认为你可以在属性中使用“％”;但是将其更改为100并不能解决问题。我会打赌它的一个-webkit媒体风格。随时挑选他们http://trac.webkit.org/browser/trunk/Source/WebCore/css/mediaControls.css –

+0

@albert，谢谢我没有看到在您发送的链接中引用“海报” 。你能告诉我什么CSS看起来像你在说什么，即“'-webkit媒体风格”？谢谢 –

+0

这就是我所说的“挑选”。那些是铬特定的媒体风格;我只是模糊地熟悉它们，更不用说它们正在声明的伪选择器;没有起点：我会通过寻找填充等声明。 –