You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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 and i can't figure out why.
My code:
HTML <div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide" *ngFor="let item of videos"><div class="videoDiv"><video preload="metadata" controls muted playsinline><source src="{{item.localPath}}" type="video/mp4"></video></div></div></div><div class="swiper-pagination"></div></div>
This discussion was converted from issue #4594 on May 21, 2021 13:40.
Heading
Bold
Italic
Quote
Code
Link
Numbered list
Unordered list
Task list
Attach files
Mention
Reference
Menu
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
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 and i can't figure out why.
My code:
HTML
<div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide" *ngFor="let item of videos"><div class="videoDiv"><video preload="metadata" controls muted playsinline><source src="{{item.localPath}}" type="video/mp4"></video></div></div></div><div class="swiper-pagination"></div></div>
TS
this.swiper = new Swiper('.swiper-container', { autoHeight: true, pagination: { el: '.swiper-pagination', }, });
My environment:
ionic-angular 3.9.2
Beta Was this translation helpful? Give feedback.
All reactions