html - 使用 iframe 播放视频时全屏无法正常工作

Question

我想在 iframe 播放器中允许全屏视频。你可以在这里看到我的代码。

  function App() {
   return (
    <div className="App">
      <iframe
        height={"315px"}
        allowfullscreen
        webkitallowfullscreen
        mozallowfullscreen
        oallowfullscreen
        msallowfullscreen
        width={"560px"}
        src={`https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4`}
      />
    </div>
  );
}

标签： htmlreactjsiframehtml5-video

Answer 1

allowFullScreen - 如果设置，则应用 allowFullScreen 参数（在 HTML5 中已弃用）。如果设置，则添加 allow="fullscreen"。