html 获取视频文件的宽高尺寸,怎么获取视频的宽度-解决方案
在HTML中,可以使用<video>
元素来嵌入视频,并通过JavaScript获取视频的宽度和高度。以下是一个简单的示例:
HTML部分:
<video id="myVideo" width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
JavaScript部分:
document.addEventListener('DOMContentLoaded', function(){
var video = document.getElementById('myVideo');
// 确保视频已加载完成
video.onloadedmetadata = function(){
console.log('视频宽度: ' + video.videoWidth);
console.log('视频高度: ' + video.videoHeight);
};
});
在这个例子中,我们首先通过document.getElementById
获取到视频元素,然后监听onloadedmetadata
事件,该事件在视频的元数据已加载完成时触发。在事件处理函数中,我们可以通过video.videoWidth
和video.videoHeight
获取视频的宽度和高度。
评论已关闭