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

HTML5 Video aspect ratio incorrect on Android

本文关键字：高比不正确视频上的 HTML5 Android 更新时间：2023-09-26

我在我的video元素上使用了以下CSS代码:

height: 466px;
width: 824px;

在我的Mac上(Chrome, Firefox和Safari)，它工作得很好。但是在我的Android平板电脑(Chrome, Firefox, Dolphin)上，宽高比似乎锁定在4:3(尽管视频是16:9)，因此视频被水平压扁，两侧都有黑条。

知道为什么吗?

我认为像素宽高比不同…试试这个列表

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

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

PS像素宽高比与图像宽高比不相同

我知道这个话题真的很老了，但是没有找到一个解决方案。所以这只是给那些寻找解决方案的人。

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