html5视频元素的宽度和高度属性是否具有像素和百分比值?
如果这些是唯一允许的值吗?
我是否必须在值的末尾添加百分比和像素前缀?
答案 0 :(得分:6)
基于W3C specification width
和height
以CSS像素定义视频大小,而不是百分比。因此,设置%值将无效。
<!-- No `px` at the end of the value like CSS -->
<video width="980" height="560" ... > ... </video>
最好指定height
和width
属性,以便页面无需重排。如果像素值不适合您,请不要指定视频维度属性,而是使用样式属性以百分比值指定height
和width
。
<!-- 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',百分比使用'%'。