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

  프로젝트 도중에 HTML5 Video Element를 8개 삽입하면 7번째 Video Element 부터는 동영상을 제대로 로딩하지 못하는 문제가 있다는 사실을 발견하였다. <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video>   7, 8번째 동영상을 로딩하지 못해서 아래와 같이 나온다.       크롬을 열어서 더보기…

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

    HTML5 등장 이전까지 웹에서 동영상을 제공하기 위해서는 어도비의 플래시 플레이어나 MS의 실버라이트 같은 플러그인을 이용해야 했다. 하지만 이제는 HTML5 Video API를 이용하면 간단한 마크업만으로 동영상을 제공할 수 있다. <video id=”video” controls> <source src=”http://content.bitsontherun.com/videos/q1fx20VZ-27m5HpIu.webm” type=”video/webm”> <source src=”http://content.bitsontherun.com/videos/q1fx20VZ-52qL9xLP.mp4″ type=”video/mp4″> </video>   물론 어디까지나 ‘동영상만 제공할 때’  간단한 마크업으로 가능하다는 이야기다. 더보기…