• 首页 Home
  • 简介 About
  • 项目 Service
  • 案例 Cases
  • 新闻 News
  • 技术文章 本硕新闻 行业资讯

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

    发表时间:2023-12-11  热度:
    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); // 仅当需要在页面上显示视频时才添加此行

     

     

    文章怎么样?
    相关资讯