Css iOS上的Ionic 3全屏视频背景

我正在尝试在我的输入组件上获取全屏背景视频

预期：

它在android上运行良好。但不是在iOS上

iOS上的视频背景（iOS模拟器）：

下面是一些代码，我正在使用它们来获得我所期望的结果：

CSS:

HTML:

<ion-header no-border>
     <img src="assets/imgs/logo.png" />
</ion-header>

<ion-content no-scroll>
  <video autoplay muted loop webkit-playsinline playsinline src="video.mp4"></video>
  <ion-slides autoplay="4000" pager loop centeredSlides>
    <ion-slide *ngFor="let slide of slides">
      <h4>{{slide.title}}</h4>
      <p>{{slide.text}}</p>
    </ion-slide>
  </ion-slides>
</ion-content>

<ion-footer no-border>
  <ion-grid>
    <ion-row>
      <ion-col col-12>
        <button mat-raised-button class="btn-booking" color="accent" (click)="push()">
          Zum Buchvorgang
          <mat-icon class="btn-booking-icon">keyboard_arrow_right</mat-icon>
        </button>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-footer>

{{slide.title}}
{{slide.text}

祖姆·布赫沃冈
键盘箭头右键

我在

中添加了

全屏

。这解决了我的问题

<ion-content fullscreen no-scroll>
  <video autoplay muted loop webkit-playsinline playsinline src="video.mp4"></video>
  <ion-slides autoplay="4000" pager loop centeredSlides>
    <ion-slide *ngFor="let slide of slides">
      <h4>{{slide.title}}</h4>
      <p>{{slide.text}}</p>
    </ion-slide>
  </ion-slides>
</ion-content>

{{slide.title}}
{{slide.text}

<ion-content fullscreen no-scroll>
  <video autoplay muted loop webkit-playsinline playsinline src="video.mp4"></video>
  <ion-slides autoplay="4000" pager loop centeredSlides>
    <ion-slide *ngFor="let slide of slides">
      <h4>{{slide.title}}</h4>
      <p>{{slide.text}}</p>
    </ion-slide>
  </ion-slides>
</ion-content>