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

html5视频元素的宽度和高度属性可以包含像素和百分比值吗？HTML5视频元素的宽度和高度属性问题

如果是这样，只允许这些值吗？

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

来源

2011-04-11 slo

是的，HTML5视频同时具备。我认为它按照最小的价值来衡量。例如，如果你说“width = '20％'height = '50％'”，它会将所有内容都缩放到20％。

在这里尝试W3school video tag。如果您想使用像素，请在末尾放置'px'，百分比使用'％'。

来源

2011-05-11 03:45:43 Jull

避免W3schools，他们充满错误信息：http://w3fools.com/。请尝试使用Mozilla开发人员网络（https://developer.mozilla.org/）或HTML5介绍性网站（如HTML5 Doctor（http://htmldoctor.com））。 – RobW 2012-05-02 17:45:52

这不是有效的HTML5。 Orio的答案是正确的。 – 2017-06-15 23:12:00

基于W3C specificationwidth和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>

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

来源

2014-01-21 19:36:03 Oriol

我有同样的问题。我找到了一个解决方案，在我这里工作： http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

来源

2014-02-27 20:12:44 ester

请阅读[答]并提供链接中的信息，以便您的答案更好。如果链接死亡，你的答案是无用的。 – 2014-02-27 20:33:41

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

回答

相关问题