iPad上的HTML5视频尺寸错误

时间:2012-10-16 16:23:38

标签: ipad html5-video

我构建了一个由HTML5视频组成的互动游戏,其上有时可点击png图层以增加互动性。

这很简单,它在Chrome / Firefox上运行得很好,但我试图让它适用于iPad,我遇到了一个问题:无论我在CSS或<video>标签中放入什么尺寸, iPad上的视频显示较小。

我正在使用VideoJS管理HTML5视频上的活动。

您可以在http://megalobio.com进行测试。它是法语,但很容易理解,只需Facebook登录即可打开游戏(不保存任何数据,仅用于游戏构建目的)。

我迫切需要一些帮助,这让我忙了好几天......

1 个答案:

答案 0 :(得分:0)

您可以通过设置正确的viewport meta tag

来避免这种情况

尝试在

中添加此行
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

您可能还想根据device orientation

更改值

另一个推荐阅读here