国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>Ich rendere ein Video mit React und dem HTML5-Tag <code><video></code> und wenn ich die Website auf meinem iPhone ?ffne, wird das Video im nativen iOS-Safari-Videoplayer abgespielt. Wenn ich jedoch die Ausrichtung ?ndere, um das Video im Querformat anzusehen, wird das Video ausgeschaltet. Muss ich eine Konfiguration des HTML5-Video-Tags implementieren? Oder ist das ein Problem mit meinem React-Rendering? </p> <p>Zum besseren Verst?ndnis entwickle ich einen Algorithmus-Visualizer, der derzeit auf Mobilger?ten nicht unterstützt wird. Deshalb verwende ich einige Medienabfragen, um ein Modal anzuzeigen, das den Benutzer anweist, einen gr??eren Bildschirm zu verwenden, wenn er die Seite auf einem mobilen Ger?t ?ffnet. Im Modal habe ich ein Demovideo für die Website, sodass ich m?chte, dass die Leute das Video auf Mobilger?ten korrekt ansehen k?nnen, ohne das Video erneut ?ffnen zu müssen, wenn sich die Ausrichtung nach dem Abspielen ?ndert. </p> <p>Ich habe einige Probleme mit Medienabfragen, bei denen beim Wechsel in den Querformatmodus auf Mobilger?ten das Modal verschwindet und der Visualizer versucht, zu rendern, da ich nur eine Abfrage mit maximaler Breite verwende. Deshalb habe ich stattdessen auch die Medienabfrage mit maximaler H?he implementiert. K?nnte das das Problem sein? </p> <p>Bearbeiten mit Beispiel: </p> <pre class="brush:php;toolbar:false;">const Video = ({ src }) => zurückkehren ( <Video steuert width="100%" preload="auto"> <source src={src} type="video/mp4" Ihr Browser unterstützt kein HTML5-Video. </video> ) } const App = () => // Medienabfragen mit ChakraUI-Hooks const [wIsSmallerThan48em] = useMediaQuery("(max-width: 48em)"); const [hIsSmallerThan30em] = useMediaQuery("(max-height: 30em)"); // ?Falsches“ modales Rendern sowohl im Hoch- als auch im Querformat auf Mobilger?ten if (wIsSmallerThan48em || hIsSmallerThan30em){ zurückkehren ( <Modal> <Video src={MyVideo} /> </Modal> ) } anders { zurückkehren ( <Visualizer /> ) } }</pre></p>

const [wIsSmallerThan48em] = useMediaQuery("(max-width: 48em)");
  const [hIsSmallerThan30em] = useMediaQuery("(max-height: 30em)");
  
  const [showModal, setShowModal] = useState(false);

  useEffect(() => {
    if (wIsSmallerThan48em || hIsSmallerThan30em){
       setShowModal(true)
    } else {
       setShowModal(false)
    }
  }, [wIsSmallerThan48em, hIsSmallerThan30em])

  // 在移動(dòng)設(shè)備上無(wú)論是縱向還是橫向都渲染“錯(cuò)誤”模態(tài)框
  if (showModal){
     return (
        <Modal>
            <Video src={MyVideo} />
        </Modal>
     )
  } else {
     return (
      <Visualizer />
     )
  }