javascript - 如何在浏览器自动调整视频大小时返回视频大小

Question

我正在尝试将视频缩放到我页面的整个大小，没有任何垂直或水平条。

因为我的客户使用 IE，所以我不能使用它:

object-fit: fill;

为了手动将视频缩放到页面，我需要能够读取显示视频的大小(而不是视频元数据的大小)，以便稍后可以使用 CSS Transform 对其进行缩放

这是视频在我的页面上的显示方式:

/image/WioBT.png

如何读取这些值？

非常感谢你们拯救生命:)

Answer 1

GlobalEventHandlers.onresize 属性包含一个在接收到调整大小事件时触发的事件处理程序。

function resize() { 
   let _height = window.innerHeight; // Window height
   let _width = window.innerWidth; // Window width
}

window.onresize = resize;

例如，您可以使用

获取视频高度

let videoHeight = document.getElementById('myVideo').videoHeight
let videoWidth = document.getElementById('myVideo').videoWidth