HTML5视频元素的宽度和高度属性问题

时间:2011-04-11 21:26:18

标签: html5

html5视频元素的宽度和高度属性是否具有像素和百分比值?

如果这些是唯一允许的值吗?

我是否必须在值的末尾添加百分比和像素前缀?

2 个答案:

答案 0 :(得分:6)

基于W3C specification widthheight以CSS像素定义视频大小,而不是百分比。因此,设置%值将无效。

<!-- No `px` at the end of the value like CSS -->
<video width="980" height="560" ... > ... </video>

最好指定heightwidth属性,以便页面无需重排。如果像素值不适合您,请不要指定视频维度属性,而是使用样式属性以百分比值指定heightwidth

<!-- Let's supposed you want the video to adjust to the size of its parent element -->
<video style="outline:none; width:100%; height:100%;" ... > ... </video>

如果您根本没有指定尺寸,视频将以原始尺寸显示。

答案 1 :(得分:2)

是的,HTML5视频同时具备这两种功能。我认为它根据最小值进行扩展。例如,如果您说“width ='20%'height ='50%'”,它会将所有内容扩展到20%。

在这里试试W3school video tag。如果你想使用像素,请在末尾加上'px',百分比使用'%'。