WIT – NTS UIT Blog

Chrome 브라우저 HTML5 Video Element의 src 캐시 버그

Posted by in Research

프로젝트 도중에 HTML5 Video Element를 8개 삽입하면 7번째 Video Element 부터는 동영상을 제대로 로딩하지 못하는 문제가 있다는 사실을 발견하였다.

  7, 8번째 동영상을 로딩하지 못해서 아래와 같이 나온다. 크롬을 열어서 네트워크 탭을 봤더니 src 요청이 pending에 걸려있다. 익스플로러, 사파리, 파이어폭스 모두 정상 동작하는데 크롬만 문제인 걸 보니 Blink 엔진의 버그로 추측된다. 바로 구글링을 해봤는데 역시나, Blink 버그가 맞는 듯 아래의 이슈 티켓 두 개를 찾았다. Issue 234779: HTML5 video request stay pending (forever) Issue 31014: Byte range cache is locked when attempting to open the same video twice 코멘트가…read more

0

FullScreen 모드일 때 HTML5 Video 네이티브 컨트롤 감추기

Posted by in Research

HTML5 등장 이전까지 웹에서 동영상을 제공하기 위해서는 어도비의 플래시 플레이어나 MS의 실버라이트 같은 플러그인을 이용해야 했다. 하지만 이제는 HTML5 Video API를 이용하면 간단한 마크업만으로 동영상을 제공할 수 있다.

  물론 어디까지나 ‘동영상만 제공할 때’  간단한 마크업으로 가능하다는 이야기다. 브라우저마다 플레이어를 렌더링하는 모습이 제각각이라 제품으로 포장하려면 커스터마이징을 해야 한다. 이 때 건드려야 할 영역 중 하나가 컨트롤이다. 컨트롤은 플레이어 재생, 탐색, 음량 조절 등의 기능을 제공하는 플레이어 가장 하단에 있는 컴포넌트 집합을 말한다. video.js, mediaElement.js, jwPalyer 같은 유명한 HTML5 Video 지원 플레이어들은 모두 네이티브 컨트롤을 감추고 커스텀 컨트롤을 제공한다. 그래서…read more

0