您的位置:首页 > 新闻动态 > 技术文章
2023-12-11

javascripts使用loadedmetadata获取视频文件的长宽比

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); // 仅当需要在页面上显示视频时才添加此行

 

 


下一篇:uniap app端使用plus创建webview方法,支持阿里云验证码
上一篇:Wordpress自定义模版里面调用Shortcode短代码

© 2010-2020 Beasure本硕科技. All Right Reserved. 备案号:粤ICP备14074318号