Problema control bar HTML5 video in Safari per iOS

[Stiff91x]

Ciao ragazzi, ho scritto un player in javascript per iOS 12 e ho un quesito: praticamente ho introdotto la possibilità di fare lo swipe per cambiare video in una playlist e funziona perfettamente! Unico problema è che mi prende questo evento anche quando faccio lo swipe sulla control bar (a esempio per scorrere il video tramite progressbar) e vorrei che questo non succedesse... c'è un modo per evitare ciò?

Questo il codice per lo swipe:

document.addEventListener('touchstart', handleTouchStart, false);
document.addEventListener('touchmove', handleTouchMove, false);

function handleTouchStart(evt) {
    const firstTouch = getTouches(evt)[0];
    xDown = firstTouch.clientX;
    yDown = firstTouch.clientY;

    if (player.paused)
        player.play();
    else
        player.pause();
}

function handleTouchMove(evt) {
    if (!xDown || !yDown) {
        return;
    }

    var xUp = evt.touches[0].clientX;
    var yUp = evt.touches[0].clientY;

    var xDiff = xDown - xUp;
    var yDiff = yDown - yUp;

    if (Math.abs(xDiff) > Math.abs(yDiff)) {
        if (xDiff > 0) {
            /* left swipe */
            playVideo(count++);
        } else {
            /* right swipe */
            playVideo(count--);
        }
    } else {
        if (yDiff > 0) {
            /* up swipe */
        } else {
            /* down swipe */
        }
    }

    xDown = null;
    yDown = null;

    player.play(); //TO PREVENT PAUSE ON SWIPE
}

Grazie!

[lucavizzi]

All'interno di handleTouchStart(), in evt.target, dovresti avere l'elemento "toccato".
Dovresti verificare che quell'elemento non sia la progress bar.

[Stiff91x]

Grazie per il consiglio ma purtroppo ovunque io vada a premere, evt.target risulta sempre: "[object HTMLVideoElement]"

[Stiff91x]

All'interno di handleTouchStart(), in evt.target, dovresti avere l'elemento "toccato".
Dovresti verificare che quell'elemento non sia la progress bar.

Grazie per il consiglio ma purtroppo ovunque io vada a premere, evt.target risulta sempre: "[object HTMLVideoElement]"

PS: non so come cancellare i miei messaggi, per quello ce n'è uno duplicato appena qui sopra, senza quote

[lucavizzi]

Grazie per il consiglio ma purtroppo ovunque io vada a premere, evt.target risulta sempre: "[object HTMLVideoElement]"

PS: non so come cancellare i miei messaggi, per quello ce n'è uno duplicato appena qui sopra, senza quote

Gli utenti non possono cancellare i messaggi, comunque non preoccuparti per il duplicato.

Potresti provare a sovrapporre un div al tag <video> posizionandolo e dimensionandolo di modo che non copra la progress bar ed i comandi.
poi gestiresti gli swipe solo su quel div.

P.S.: lo swipe è applicato all'intero documento?

[Stiff91x]

Gli utenti non possono cancellare i messaggi, comunque non preoccuparti per il duplicato.

Potresti provare a sovrapporre un div al tag <video> posizionandolo e dimensionandolo di modo che non copra la progress bar ed i comandi.
poi gestiresti gli swipe solo su quel div.

P.S.: lo swipe è applicato all'intero documento?

Ok, comunque lo swipe si, dovrebbe essere applicato al documento. Il problema del div sovrapposto è che io devo lavorare su risoluzioni mobile diverse e non ho le proporzioni o % della progressbar. Per adesso me la sto cavando con: "yDown < (screen.height / 1.5)" anche se non è proprio la soluzione più elegante ed efficiente possibile