我如何才能将这个响应性的html5视频标题重写到更小的高度

How can i rewrite this responsive html5 video header to smaller height?

本文关键字：标题 视频 html5 重写 高度 响应      更新时间：2023-09-26

我真的很喜欢div元素中的英雄响应视频背景。然而，这在全尺寸窗口上确实很大。100%的宽度是绝对可以的，但我只需要50%-30%的高度到我的网站。当我修改css中的高度时，在视频和内容之间创建了一个大的空白区域。看起来我还需要修改一些东西，你能帮我吗？

<a href="http://jsfiddle.net/8R7Xx/">Link</a>

我只需要50%-30%的高度到我的网站

只需在javascript中使用0.45的倍数高度即可获得45%的

jsfiddle

var unitHeight = (parseInt(height)*0.45) + 'px';
相关文章：