- 我有一个1280x720的视频(AAC，H.264以防重要(
- 我的浏览器窗口是1440x764
- 我有以下CSS：
#original-video {
position: absolute;
top: 0;
left: 0;
}
- 和以下HTML
<body>
<video id="original-video" width="1280" height="720" playsinline>
<source src="/db/original.mp4" type="video/mp4">
</video>
<body>
然而，当视频在页面上呈现时，会出现垂直和水平溢出。这毫无意义，因为视频的宽度和高度据称小于窗口的宽度和宽度。
如何修复此问题并将视频放入窗口？
编辑：我认为这是因为视频的高分辨率。尽管它"；说"；它是1280x720，渲染的尺寸实际上更大。但我不知道如何解决这个问题。
将CSS更改为类似的内容
#original-video {
position: absolute;
top: 0;
left: 0;
width: 77.2223%;
}
按比例调整视频大小以适应我的1440x764窗口。
因此，这确实是由于视频的分辨率更高。
但我不知道这是否是解决这个问题的正确方法，所以我暂时将其添加为答案，同时等待更有经验的人确认或提出更合适的解决方案。