4

我正在开发一个应该主要在 iPad 上运行的 WebApp。该应用程序播放多个视频,并且还具有一些交互式组件。

我的问题是装饰性的:即使 HTML5 视频标签工作正常,我创建的自定义控件控制视频/音频播放也很好,对于我的生活,我无法弄清楚如何在一边的视频消失。

嵌入是完全标准的:

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

我只是希望该死的视频与 iPad 屏幕一样宽,但无论我指定什么尺寸,侧面总是有黑条。我发现的唯一解决方法是放大视频然后给它一个负边距以便它居中,但肯定有更好的解决方案......特别是因为黑色不需要的“边距”的宽度不是恒定的并且根据视频的指定宽度变化。以前有人遇到过同样的问题吗?任何想法或帮助将不胜感激。谢谢你们。

4

1 回答 1

4

感谢您的输入。事实证明,我还必须指定视频元素的高度,出于某种原因,iPad 上的 Safari 无法正确缩放视频和控件;一旦我在 HTML 文件中的实际视频标签中明确指定了 16:9 的像素等效值,该栏就消失了。

于 2012-08-08T13:51:55.073 回答