Swiper 라이브러리에서 유튜브 동영상을 넣을때 이슈(1)

Cordova 기반으로 한 하이브리드 앱을 만들고 있다.
Swiper를 사용하고있고 그 안에 유튜브를 넣어서 앱을 표현하려 하고 있다.

신기한건
코르도바 문제인지 Swiper 문제인지 동영상 재생버튼을 누르면
Swiper 뷰 내부에 있는 녀석들이 왼쪽으로 움직이는 것이다.

이 문제에 대한 의심(?)은

1. Cordova viewport 문제
2. Swiper에서 동영상 로딩이나 그안에 객체에 대한 문제
3. embed 태그의 문제
4. etc

이런 이슈를 해결하기위해 문제, 분석, 해결의 과정으로 가보려 한다.

문제 >
동영상 재생버튼을 누르면
Swiper 뷰 내부에 있는 녀석들이 왼쪽으로 움직이는 것이다.

분석 >
1. Cordova viewport 문제,
         - viewport가 유튜브 동영상 재생시 width 값이 증가해서 왼쪽으로 오브젝트들이
         움직인것이다.
         - 그러나 log로 window.innerWidth를 확인해보니 값이 같았음.
         - 1의 추측은 아닌듯.
2. Swiper에서 동영상 로딩이나 그안에 객체에 대한 문제
         - 오브젝트들의 위치, Swiper 객체의 activeIndex를 보니 다른 뷰로 움직인것은 아님.
         - 오브젝트들이 왼쪽으로 갔는데 Swiper의 유효한 범위 밖으로도 나감.
         - 이 이유라면... 아직은 모르겠음.
         - 제일 의심되는 부분
3. embed 태그의 문제
         - 동영상 실행시 Swiper빼고 cordova에서 문제가 생기는지 확인이 필요해 보임
4. etc
         - 다른 예상치 못한 부분이 있을수도 있음.

신기한건 앱을 실행시키고 조금 기다리면
옆으로 넘어가는 문제는 없는데
어느 부분에서 그러는건지 조금 더 분석이 필요함


해결 >
내일 더 분석해보고 다음포스트에 계속