javascript - 具有最大高度的HTML全宽视频

我有以下问题：

我想用HTML制作视频标题。视频宽度应为100％，高度应为400px。但在移动设备上，视频应该与源文件一样高。

我的问题：当我将视频的最大高度设置为400时，宽度也会变小但是如果视频宽度小于体宽的100％，则视频应该是宽度的100％，并且在显示区域的边框后面是光滑的... 然后垂直对齐应该是中心。
（javascript是可能的）

请帮帮我;我没有在互联网上找到好的结果。