끄적끄적

0. 시작 이전까지는 jwplayer 버전에 따른 원인 분석과 해결방법을 알아보았다면, 이제는 jwplayer 버전은 유지하고, 추가 소스코드로만 해결할 수 있는 방법에 대한 생각을 정리할 것이다. 배속 이벤트 이슈 크롬 확장프로그램으로 비디오 조절기능을 사용시 배속 임의 조작 HTMLMediaElement.playbackRate 클라이언트(브라우저 관리자 도구) 조작 1. 원인 구글링을 하던 도중 관리자도구에서 비디오의 속성값을 임의로 변경하여 클라이언트가 배속을 임의로 설정하는 경우를 발견하였다. document.getElementById("video").querySelector("video").playbackRate = 10이 외에도 크롬 확장프로그램에서 배속을 바꿀시 소스에 걸린 이벤트가 정상적으..

0. 시작 이슈리스트 1. pip 예시에서 본 것과 같이 여러 브라우저에서 jwplayer의 onSeek가 작동하지 않는 몇몇 케이스가 존재한다. 내가 발견한 케이스는 모두 5개로 아래 리스트와 같다. seek 이벤트 이슈 firefox에서 기본으로 제공하는 pip기능에서 onSeek이벤트 미작동 ios 모바일 safari web에서 video가 사파리 전용 플레이어로 실행됨과 동시에 onSeek이벤트 미작동 클라이언트 브라우저 관리자모드에서 controls속성 추가시 onSeek이벤트 미작동 맥북, safari에서 맥북에서 지원하는 터치바에서 동영상 이동시 onSeek이벤트 미작동 크롬 확장프로그램으로 비디오 조절기능을 사용시 동영상 컨트롤바 제어 불가능 1. 원인파악 위 이슈들의 공통점으로 브라우저 ..

ios 모바일 웹 사파리에서 비디오 재생시 사파리 전용 플레이어로 재생됨. 0. 시작 ios 모바일 웹 사파리에서 비디오를 재생시키면 사파리 전용플레이어로 재생되는 현상이 발생하였다. 사파리 전용 플레이어로 재생되면서 onSeek 이벤트가 작동하지 않는 문제도 있지만, 이 글에서는 모바일 웹에서 브라우저 전용 플레이어로 뜨는 조건에 대해서 적어보려한다. 1. 원인파악 video 태그의 attribute를 찾아보면 ios 사파리의 플레이어의 사용여부(?) 설정은 playsinline으로 된다는 것을 알 수 있다. 그럼 jwplayer를 사용했을 때, playsinline 속성이 어떻게 들어가는지 확인해보자. jwplayer 6버전으로 테스트한 결과이다. playsinline속성이 들어가긴 하는데, webk..

jwplayer 이슈 발생 웹에서 video를 제어하기 위해 주로 jwplayer를 많이 사용한다. 내가 업무에서 겪었던 jwplayer의 문제점과 원인 해결방안에 대해서 남기려고 한다. 이슈리스트 firefox에서 기본으로 제공하는 pip기능에서 onSeek이벤트 미작동 ios 모바일 safari web에서 video가 사파리 전용 플레이어로 실행됨과 동시에 onSeek이벤트 미작동 클라이언트 브라우저 관리자모드에서 controls속성 추가시 onSeek이벤트 미작동 맥북, safari에서 맥북에서 지원하는 터치바에서 동영상 이동시 onSeek이벤트 미작동 크롬 확장프로그램으로 비디오 조절기능을 사용시 배속 및 동영상 컨트롤바 제어 불가능 HTMLMediaElement.playbackRate 클라이언트..