Jquery 在小屏幕上保持视频分辨率

我正在使用视频标签显示我的视频，但我的视频分辨率在小屏幕上下降。我无法在小屏幕上看到视频文本。 我使用下面的CSS和HTML来显示我的视频

HTML

---

尝试在iframe中添加您自己的mp4视频源，而不是下面代码笔示例中给出的mp4链接，其样式与您尝试的相同，我希望这将有助于解决您的问题：

这是它的代码笔链接

我不确定您希望得到什么样的解决方案。视频将按比例缩小以填充屏幕范围。如果您希望视频更大，那么是否需要缩放功能？或者您希望视频的大小更大，并裁剪视频的可见部分，让用户四处拖动以读取部分视频？两者都不可行。外部字幕，或视频本身中更大更清晰的文本将是更好的选择。@Pete当我删除高度时，我没有任何选择changes@RoryMcCrossan我想看大尺寸的视频，为什么不能放大？对不起，没有看到您使用的是object fit。如果你想让它具有响应性，但里面的文字在较小的屏幕上难以辨认，那么首先这肯定是视频文字太小的问题。

<video width="440px" loop="true" autoplay="" muted="" preload="auto">
  <source src="footage1_generic_screenadded.mp4" type="video/mp4">
</video>

video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    margin: 0;
    height: 100%;
}

<iframe style="-o-object-fit: cover; object-fit: cover; width: 100%; margin: 0; height: 100%;"
    src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/Sintel.mp4" frameborder="0"
    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen >
</iframe>