I can't interact with the timeline of the video

[x] bug report [ ] feature request

Hello, the slider works correctly, but if I want to add a video inside the slide, I cannot interact with the timeline of the video, and if I try to move the pin of the progress bar, the touch is taken by the slide and the slide starts to move (as if I wanted to change slides). This strange behaviour only happens on iOS (simulator and real device - iPad) and i can't figure out why.

Expected behavior: I would expect that I could place the video time slider where I want within the timeline.

Steps to reproduce: Put a video inside a slide

<ion-grid>
    <ion-row>
        <ion-slides>
            <ion-slide video-slide *ngFor="let item of videos">
                    <ion-item class="outerIonItem">
                        <div class="favImgDiv">
                            <div class="videoDiv">
                                <video *ngIf="isIosDevice" preload="metadata" controls muted playsinline>
                                    <source src="{{item.localPath}}" type="video/mp4">
                                </video>
                            </div>
                        </div>
                    </ion-item>
                </ion-slide>
        </ion-slides>
     </ion-row>
</ion-grid>

Ionic info:

Ionic:

   Ionic CLI          : 6.11.9 (/Users/xxx/.nvm/versions/node/v14.16.1/lib/node_modules/@ionic/cli)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.4

Cordova:

   Cordova CLI       : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms : not available
   Cordova Plugins   : not available

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   ios-sim : 8.0.2
   NodeJS  : v14.16.1 (/Users/xxx/.nvm/versions/node/v14.16.1/bin/node)
   npm     : 7.13.0
   OS      : macOS Big Sur
   Xcode   : Xcode 12.5 Build version 12E262

ionic-team / ionic-v3

I can't interact with the timeline of the video #1136