flowplayer 모바일에서 영상 화면 터치시 이벤트

video.on("touchend", function (e) {

                setInterval(() => {

                    var opval=$(".fp-controls.fp-togglable").css("opacity");

                    if(opval==0){

                          "이벤트";

                    }

                }, 5000);

        }

    });

 

flowplayer로 안드로이드폰에서 영상을 볼때 화면을 터치하면 콘트롤바가 나타나는데 이놈이 토글이다.

 

토글돼서 화면에 보일때와 사라질때 무언가 이벤트를 작동시킬 수 있다.

 

해당부분의 class가 .fp-controls.fp-togglable이고(class="fp-controls fp-togglable")

 

opacity값이 0이면 사라지는거고 1이면 나타나는거

 

이 값을 캐치해서 1이면 무언가 나타나게 하고 0이면 그 나타났던걸 사라지게 하면 된다.

 

위 소스에서 보자면 화면을 터치했을때 무언가 화면에 나타나게 하고 시간이 지나 자동으로 콘트롤바가 사라질때 나타나게 했던 무언가도 사라지게 처리하면 되는 것이다.