如何让iPad上HTML5视频侧面的黑条消失？

我正在开发一个网络应用程序，它应该主要在iPad上运行。该应用程序可以播放多个视频，并具有一些交互式组件

我的问题是表面上的：尽管HTML5视频标签工作得很好，但我创建的自定义控件可以很好地控制视频/音频播放，就我个人而言，我不知道如何让视频一侧的黑色条消失

嵌入是完全标准的：

<video id="video" src="./video/video.mp4" width="1024"></video>    

---

我只是想让这该死的视频和iPad屏幕一样宽，但不管我指定什么尺寸，旁边总是有黑条。我发现唯一的解决办法是将视频放大，然后给它一个负的边距，这样它就会居中，但肯定有更好的解决方案。。。特别是因为不需要的黑色“边距”的宽度不是恒定的，并且根据视频的指定宽度而变化。以前有人有过同样的问题吗？任何想法或帮助都将不胜感激。谢谢大家。

谢谢大家的意见。事实证明，我还必须指定视频元素的高度，因为iPad上的Safari无法正确缩放视频和控件；一旦我在实际视频标签中明确指定了16:9的像素等效值，

---

在HTML文件中，条消失了。

视频的比例是4/3吗？不是，是16:9。。。但不管比例是多少，它都应该填满屏幕宽度。。。或者是iPad播放器认为它是4:3？iPad让最高的一面填满了可用的空间。所以你的16:9视频应该占满整个宽度。然而，可能是你的CSS。主体具有默认的

边距

，

视口

设置可能已关闭。。。因素太多了。请发布你的页面布局和css的外观。也许可以做一个。你仍然可以用百分比来做这个。16:9为：宽度：100%；身高：56.25%；