如何让iPad上的HTML5视频边上的黑条消失？
问题描述：
我正在研究一个应该主要在iPad上运行的WebApp。该应用程序播放多个视频并具有一些交互式组件。如何让iPad上的HTML5视频边上的黑条消失？
我的问题是化妆品：即使HTML5视频标签工作正常，我创建的自定义控件控制视频/音频播放就好了，为我的生活我无法弄清楚如何使视频边上的黑条消失。
的嵌入是完全标准：
<video id="video" src="./video/video.mp4" width="1024"></video>
我只是想该死的视频是完全一样宽的iPad屏幕，但无论我指定什么规模，总有在旁边黑网吧。我发现的唯一解决方法是超大视频，然后给它一个负边距，所以它会居中，但肯定必须有更好的解决方案......特别是因为黑色不需要的“边距”的宽度不是恒定的，根据指定的视频宽度进行更改。有没有人有过同样的问题？任何想法或帮助将不胜感激。谢谢你们。
答
感谢您的意见。事实证明，我必须指定视频元素的高度，出于某种原因，iPad上的Safari不会正确缩放视频和控件;只要我在HTML文件的实际视频标签 中明确指定了等效于16：9的像素，该条消失。
+3
你仍然可以使用这个百分比。 16：9将是： 宽度：100％;高度：56.25％; – 2013-04-19 17:41:43
视频是否有4/3的比例？ – 2012-08-07 16:05:35
不是它的16：9 ...但不管比例如何，它应该填写屏幕宽度...或者iPad播放器认为它是4：3？ – 2012-08-07 16:12:43
iPad使最高的一面充满可用空间。所以你的16：9视频应该填满这个宽度。但是，也许这是你的CSS。身体有一个默认的“边距”，“视口”设置可能会关闭......因素太多。请张贴您的页面布局以及您的CSS的外观。也许做一个[小提琴]（http://jsfiddle.net）。 – 2012-08-07 21:40:10