Android端末でのtouchmoveについて

Question

前提・実現したいこと

現在、addEventListenerのtouchmoveを検知することで動画の秒数を進めたり、戻したりできる機能(シークバーと同じ処理)を実装したのですが
Android端末のみ、うまく動作してくれません。

調べたところpreventDefault()を実行させることにより不具合が解決できると書いてあったのですが解決しない状況です。
コード自体が間違っているのだと思い、投稿させていただきました。

動作を実行させている動画の長さは10秒、フレーム率は30.00フレーム/秒です。

発生している問題・エラーメッセージ

Android端末のみtouchmoveが常時実行できない。
PCブラウザ(googleChrome)、ios(safari)であれば問題なく動作する。

該当のソースコード

let vue = new Vue ({
    el: '#app',
    data: {
        startX: undefined,
        clickFlag: false,
    },
    methods: {
        prevDrag: function() {
            let video = document.getElementById('mov');
            let frameRate = 1/30;
            video.currentTime = Math.max(0, video.currentTime-frameRate);
        },
        nextDrag: function() {
            let video = document.getElementById('mov');
            let frameRate = 1/30;
            video.currentTime = Math.min(video.duration, video.currentTime+frameRate);
        },
        prevDragSp: function() {
            let video = document.getElementById('mov');
            let frameRate = 1/30;
            video.currentTime = Math.max(0, video.currentTime - frameRate);
            this.startX = this.startX -10;
        },
        nextDragSp: function() {
            let video = document.getElementById('mov');
            let frameRate = 1/30;
            video.currentTime = Math.min(video.duration, video.currentTime + frameRate);
            this.startX = this.startX +10;
        }
    },
    mounted: function() {
        let video = document.getElementById('mov');
        window.onload=function(){
            //PC用の処理
            video.addEventListener("mousedown", function(e) {
                video.pause();
                e.preventDefault();
                this.clickFlag = true;
                this.startX    = e.pageX;
                document.getElementById('mouseX').value = e.pageX;
                document.getElementById('mouseY').value = e.pageY;
                // console.log('クリック時のX座標は' + this.startX + 'px');
            });
            video.addEventListener("mouseup", function(e) {
                e.preventDefault();
                this.clickFlag = false;
                this.startX    = undefined;
            });
            video.addEventListener("mouseleave", function(e) {
                e.preventDefault();
                this.clickFlag = false;
                this.startX    = undefined;
            });
            video.addEventListener("mousemove", function(e){
                e.preventDefault();

                let mX = e.pageX; //X座標

                if(this.startX != undefined) {
                    if(this.startX > mX) {
                        this.startX = e.pageX;
                        //テキスト出力用
                        document.getElementById('mouseX').value = e.pageX;
                        document.getElementById('mouseY').value = e.pageY;
                        vue.prevDrag();
                    } else if(this.startX < mX) {
                        this.startX = e.pageX;
                        //テキスト出力用
                        document.getElementById('mouseX').value = e.pageX;
                        document.getElementById('mouseY').value = e.pageY;
                        vue.nextDrag();
                    }
                }
            });

            //スマートフォン　タッチ用の処理
            video.addEventListener("touchstart",function(t){
                t.preventDefault();
                this.clickFlag = true;
                video.pause();
                for (let i = 0; i < t.changedTouches.length; ++i) {
                    const touch = t.changedTouches[i];
                    this.startX = touch.pageX;
                    //テキスト出力用
                    document.getElementById('touchX').value = Math.round(touch.pageX);
                    document.getElementById('touchY').value = Math.round(touch.pageY);
                }
                // console.log('タッチ時のX座標は' + this.startX + 'px');
            },{passive: false});
            video.addEventListener("touchend",function(t){
                t.preventDefault();
                this.clickFlag = false;
                this.startX    = undefined;
            },{passive: false});
            video.addEventListener("touchmove",function(t){
                for (let i = 0; i < t.changedTouches.length; ++i) {
                    t.preventDefault();
                    const touch = t.changedTouches[i];
                    if(this.startX != undefined) {
                        if(this.startX > touch.pageX) {
                            this.startX = touch.pageX;
                            //テキスト出力用
                            document.getElementById('touchX').value = Math.round(touch.pageX);
                            document.getElementById('touchY').value = Math.round(touch.pageY);
                            vue.prevDragSp();
                        } else if(this.startX < touch.pageX) {
                            this.startX = touch.pageX;
                            //テキスト出力用
                            document.getElementById('touchX').value = Math.round(touch.pageX);
                            document.getElementById('touchY').value = Math.round(touch.pageY);
                            vue.nextDragSp();
                        }
                    }
                }
            },{passive: false});
        }
    }
})

試したこと

event.preventDefault();をfalseに設定した。
Androidで座標を取得した際、小数点以下まで取得してしまっていたので処理を四捨五入する入れた。

Answer 1

Android端末だとシークした際の画面遷移(?)動画送り(?)がスムーズできないということがわかり
画像を切り替える方法でコマ送りを再現しました。