Implémenter le positionnement du zoom adaptatif des vidéos sur les appareils mobiles

Question

J'ai le code suivant : https://codesandbox.io/s/cool-sunset-pe8pgh?file=/src/styles.css

Je souhaite zoomer sur une vidéo sur des appareils mobiles sans perdre aucun élément vidéo, comment puis-je y parvenir ?

Answer 1

J'ai vérifié votre code. Veuillez définir la largeur du composant vidéo, par exemple -

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

J'espère que vous pourrez obtenir la réponse, si vous avez toujours des problèmes, faites-le-moi savoir et je vous aiderai. Merci