Ionic Video Tag Overlays All button in iOS


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!

See: Issues with Video Tag in Ionic

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

    <ion-row align-items-center>



  <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>


1 Like