时间戳

首页 > 解决方案 > IOS15 中未显示视频标签

css - IOS15 中未显示视频标签

问题描述

我通过在我的网站中使用 html 视频标签来放置自动播放视频。我注意到 iOS 15 设备中的一个错误未显示。我想放置超大视频，然后将其对齐以适合我网站的视口大小。所以我用 div 标签包装了一个视频，然后将其显示为 flex。但它没有在 iOS 15 设备中检测到包装器 div 和视频标签。每当我删除display: flexCSS 中的一部分时，就会显示视频。我不知道如何解决它。感谢您提前提供帮助。

//html tag
      <div className="mainSection" id="insense-product">
        <div className="contentWrapper">
          <video
            className="bgVideo"
            src="/img/incenseHome/main.mp4"
            playsInline
            muted
            autoPlay
            loop
          ></video>
        </div>
      </div>

//css
.mainSection {
     .contentWrapper {
      display: flex;
      align-items: center;
      justify-content: center;

      .bgVideo {
        height: calc(100vw);
      }
}

标签： cssreactjsvideoios15

解决方案

推荐阅读