Ionic Video Tag Overlays All button in iOS


#1

Hello,

I am developing a webrtc application using ionic3. And I have encountered an issue regarding video tag overlaying the buttons in iOS.

Even I used z-index to make the buttons on top of the video, it’s not showing.

Anyone encountered this issue? Hope you can help. Thanks!


#2

See: Issues with Video Tag in Ionic

<ion-content no-bounce class="media-container">

  <ion-grid>
    <ion-row align-items-center>

      <component-media>
      </component-media>

    </ion-row>
  </ion-grid>

  <ion-toolbar transparent>

    <div text-center>
      <button id="camera-button" ion-button (click)="closePage()">
        <ion-icon name="camera" color="light" style="zoom: 2.0;"></ion-icon>
      </button>
    </div>

  </ion-toolbar>

</ion-content>