控制高度后上面有空白，可否去除？

控制高度后为什么上面有一片空白呢？可不可以去除呢？

leeroy白 2020-04-11

源自：HTML5标签变化 3-7 video

17

收起

1回答

好帮手慕慕子回答被采纳获得+3积分 2020-04-11 10:46:59

同学你好，因为设置宽高后， video的标签的大小是设置的宽高，但是实际播放的画面不能完全铺满video容器，导致出现画面和控制条分离的情况，出现空白，如下图所示

建议：可以只给video标签设置width或者height值，让video标签和视频画面等比例缩放。这样controls就会一致保持在画面底部。示例：

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

leeroy白提问者 #1

那如果不设置宽高值，video标签大小默认是视频原大小吗？

2020-04-11 11:10:57
好帮手慕慕子回复提问者 leeroy白 #2

同学你好，是的，如果不设置宽高，默认就是原视频的大小，祝学习愉快~

2020-04-11 11:39:25

相似问题

关于清除浮动的理解

请老师指导一下，为什么显示时，主体下面有100px高的空白。

为什么我的页面切换后不能自适应高度呢？

空控制器，请问哪里错了？

为什么这里表格会有高度？

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载