实现视频在移动设备上的自适应缩放定位

Question

我有以下代码：https://codesandbox.io/s/cool-sunset-pe8pgh?file=/src/styles.css

我想在移动设备上缩放视频，同时不丢失任何视频元素，我该如何实现？

Answer 1

我检查了你的代码。请给视频组件设置宽度，例如-

<video
      className="razmi-video"
      autoPlay
      loop
      muted
      playsinline="true"
      disablePictureInPicture="true"
      width={100} <--- 在这里设置宽度
    >

希望你能得到答案，如果你还遇到问题，请告诉我，我会帮助你。 谢谢