Android上的HTML5视频宽高比不正确

Question

我在我的视频元素上使用以下CSS代码：

height: 466px;
width: 824px;

在我的Mac上（在Chrome，Firefox和Safari中），它运行正常。但是在我的Android平板电脑（Chrome，Firefox，Dolphin）上，宽高比似乎锁定在4：3（虽然视频是16：9），因此视频水平压扁，两侧都有黑条。

知道为什么吗？

Answer 1

我认为像素长宽比不同...... 试试这个清单

http://www.bigbossmas.com/web-development/list-of-mobile-device-sizes/

和解释

http://msdn.microsoft.com/en-us/library/cc294571.aspx

PS像素宽高比与图像宽高比

不同

Answer 2

我知道这个话题很老，但没有找到任何解决方案。所以这只适用于所有寻求解决方案的人。

我修复了在style="object-fit: fill"标记中插入<video>的问题。