¿Alguien sabe cómo cambiar el tamaño del póster de video HTML5 para que se ajuste a las dimensiones exactas del video en sí?

Aquí hay un jsfiddle que muestra el problema:http://jsfiddle.net/zPacg/7/

Aquí está ese código:

HTML:

<video controls width="100%" height="100%"  poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png">
  <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" />
  <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" />
  <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" />
</video>​

CSS:

video{
border:1px solid red;
}​

Observe que el rectángulo naranja no se escala al borde rojo del video.

Además, el simple hecho de agregar el CSS a continuación tampoco funciona, ya que vuelve a escalar el video junto con el póster:

video[poster]{
height:100%;
width:100%;
}