【问题标题】:Force video size in HTML在 HTML 中强制视频大小
【发布时间】:2012-04-10 09:54:49
【问题描述】:

我正在尝试为我工作的人构建一个非常简单的概念验证,以便为他们展示一些东西。截至目前,我已经完成了一切工作,除了在我的(显然非常粗糙的)网站中,我试图嵌入一个视频并强制视频完全填充一定的大小。我面临的主要问题是,如果我尝试嵌入视频:

<video width="1920" height="1080">

然后它会增加视频屏幕的尺寸(虽然不是那些实际尺寸 - 它会以更小的尺寸停止),但会保持实际可观看的视频尺寸为原始尺寸,并且只会在屏幕中添加大量黑色空间视频播放器。

显然,这不是正确的做法。我知道 HTML 通常被认为很简单,但这确实是我必须做的第一个网页,哈哈。非常感谢任何帮助!

【问题讨论】:

  • 您的视频来源是什么?
  • 视频与实际的 .html 文件本身存储在一个文件夹中。这是一个.avi

标签: html internet-explorer video embed


【解决方案1】:

我找到了这个@http://www.w3schools.com/html5/att_video_height.asp

注意:不要使用高度和宽度属性重新缩放视频!缩小具有高度和宽度属性的大型视频会迫使用户下载原始视频(即使它在页面上看起来很小)。重新缩放视频的正确方法是使用程序,然后再在页面上使用它。

所以你猜你不能用宽度和高度标签放大视频。只需定义它的尺寸,这样浏览器就可以在加载网页时为其预留空间。

【讨论】:

  • 正确:“如果您指定的尺寸小于源,整个视频将按比例缩小。但是,如果您指定的尺寸大于源,则视频将以原始尺寸显示,您指定的其余尺寸由空白填充。” www.htmlgoodies.com/html5/how-to-embed-video-using-html5.html
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-05-23
  • 2015-02-09
  • 1970-01-01
  • 2013-05-26
  • 1970-01-01
相关资源
最近更新 更多