Tag: CSS5

使HTML5video海报与video本身尺寸相同

有谁知道如何调整HTML5video海报的大小，使其适合video本身的确切尺寸？ 这里是一个jsfiddle，它显示了这个问题： http : //jsfiddle.net/zPacg/7/ 这是代码： 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; }​ 请注意，橙色矩形不会缩放到video的红色边框。 另外，只是添加下面的CSS不起作用，因为它随着海报重新调整video： video[poster]{ height:100%; width:100%; }