유튜브 영상 html5로 재생하기

유튜브는 플래쉬 플레이어로 재생하는데 유튜브에서 현재 html5 플레이어를 테스트하고 있습니다.

html5 플레이어를 사용하려면

위 주소로 가서 html5 플레이어 사용한다고 하면 됩니다.

브라우저에 따라 지원범위가 다른데 구글 크롬의 경우 다 지원한다고 아래처럼 나옵니다.

html5로 재생하면 일단 프레임드랍이 거의 없고(자세한건 stats for nerds(동영상 통계)에서 확인가능) 플래쉬보다 씨피유점유율이 뚝 떨어집니다. 같은 해상도에서 vp9코덱의 영상을 재생할 경우 avc보다 약간 더 오르지만 플래쉬로 avc 재생하는 것보다는 낮습니다. 화면이 가로로 찢어지는 현상도(horizontal tearing) 거의 안 보이더군요. 버퍼링이 없을 경우 거의 pc에 다운받은 영상 재생하는 느낌입니다.

유튜브 html5 재생을 제대로 지원하는 브라우저는 구글 크롬과 maxthon인데 maxthon은 프레임드랍이 좀 있고 크롬보다 씨피유점유율이 약간 더 높습니다.

유튜브 영상은 mp4포맷에 avc가 지금 표준인데 html5로 재생하면 구글에서 만든 webm포맷에 vp9코덱도 재생됩니다. vp9코덱은 모든 영상에 다 지원되는 건 아니고 주로 조회수가 높은 영상에 있더군요.

세로영상의 경우 현재 화질설정에 720p까지 밖에 안 나오는데 720p 선택시 실제로는 최고해상도로 재생됩니다. 왼쪽위 검은박스에서 dimension이 디스플레이 해상도고 resolution이 영상의 해상도입니다.

가로영상은 2160p까지 제대로 표시됩니다.