我的 HTML 頁面上有視頻播放器，播放器更改尺寸取決于瀏覽器視窗側。所以一開始我的視頻是 1280x720，當我縮小瀏覽器視窗時，我的視頻也更小。我想添加將列印到控制臺當前視頻尺寸的按鈕。我試過這樣：
<button onclick="getDimensions()">getDimensions</button>
<script>
const myVideo = document.getElementById("video1");
function getDimensions() {
let height = myVideo.videoHeight;
let width = myVideo.videoWidth;
console.log(height, width);
}
</script>
但此代碼僅列印起始尺寸 1280x720px。有誰知道如何解決這個問題？
uj5u.com熱心網友回復：
首先，您需要識別元素：
element = document.getElementById('id');
現在獲取有關元素大小及其相對于視口的位置的資訊。
domRect = element.getBoundingClientRect();
如果我列印它：
DOMRect {
bottom: 177,
height: 54.7,
left: 278.5,?
right: 909.5,
top: 122.3,
width: 631,
x: 278.5,
y: 122.3,
}
檔案
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/323695.html
上一篇：拒絕應用來自'http://localhost:2000/cssFile/style.css'的樣式，因為它的MIME型別（'text/html'）