實現視訊在行動裝置上的自適應縮放定位

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} <--- 在这里设置宽度
    >

希望你能得到答案，如果你還遇到問題，請告訴我，我會幫助你。 謝謝