1、创建一个<video>元素,并设置其src属性为视频文件的URL。
2、监听loadedmetadata事件,这个事件在视频的元数据被加载后触发,这时可以访问视频的宽度和高度。
3、计算长宽比,通常是宽度除以高度。
// 创建video元素 var video = document.createElement('video');
// 设置视频源地址 video.src = 'path/to/your/video.mp4'; // 请替换为你的视频文件路径
// 加载元数据 video.addEventListener('loadedmetadata', function() { // 获取视频宽度和高度 var width = video.videoWidth; var height = video.videoHeight;
// 计算长宽比 var aspectRatio = width / height;
// 输出长宽比 console.log('视频的长宽比是:', aspectRatio); });
// 如果你需要在页面上显示视频,可以将video元素添加到DOM中 // document.body.appendChild(video); // 仅当需要在页面上显示视频时才添加此行
|