视频比例计算方法

✅ 总结公式（通用版）：

padding-bottom = (视频高度 / 视频宽度) * 100%

✅ 自动计算视频容器 padding-bottom 工具：


<video id="myVideo" src="your-video.mp4" controls></video>

<script>
  const video = document.getElementById('myVideo');

  // 等待视频元数据加载完（含宽高信息）
  video.addEventListener('loadedmetadata', function () {
    const width = video.videoWidth;
    const height = video.videoHeight;

    const ratio = height / width;
    const paddingBottom = (ratio * 100).toFixed(2); // 保留2位小数

    console.log(`视频原始尺寸：${width} x ${height}`);
    console.log(`容器 padding-bottom 应设为：${paddingBottom}%`);

    // 可选：将这个值自动应用到某个容器上
    document.querySelector('.swiper-slide-video').style.paddingBottom = paddingBottom + '%';
  });
</script>