HTML5 Player가 필요한 이유?
사람들은 언제 어디서나 비디오를 시청하기 때문에 이런 수 많은 디바이스들과 호환 가능한 비디오 서비스를 만드는 것이 필수입니다. WECANDEO는 차세대 IT 핵심 기술로 주목받는 HTML5를 동영상 플레이어에 적용하였습니다.
호환성?
보안성이 강화된 HTML5 동영상 플레이어의 가장 큰 장점은 호환성으로, 인터넷 익스플로러(IE) 10 이상 브라우저와 타 브라우저(크롬, 파이어폭스 등) 또는 스마트 기기 환경에서는 HTML5 플레이어로 자동 재생합니다.

WECANDEO는 각각의 브라우저가 제공하는 기본 Skin을 적용하는 ‘Default Skin’과 더 많은 기능을 이용할 수 있는 ‘Custom Skin’ 두가지 형태의 템플릿을 제공하고 있으니 WECANDEO의 뛰어난 호환성과 접근성을 경험해보시길 바랍니다.

 

플레이어 시리즈 관련포스트
1.HTML5 Player 적용방법
2.동영상 특정 지점 연결방법 http://support.wecandeo.com/guide/video-pack-guide/playstart/
3.Player Parameter 정의 http://support.wecandeo.com/developer/video-pack-api/player/player-parameters/

 

 

HTML5 Play 적용방법

1. 템플릿 보기
1) Default Skin
– 각각의 브라우저가 제공하는 기본 Skin을 적용합니다.
– 브라우저 별로 지원하는 범위에 따라 기능의 차이가 발생합니다

2) Custom Skin
– WECANDEO가 제공하는 Skin을 적용합니다.
– 공유하기, 화질선택, 자막선택 등의 추가 기능을 공통 지원합니다.

 

2. 템플릿의 적용
1) 템플릿 선택
– 배포 패키지 (채널)의 플레이어 선택에서 Html5 플레이어의 템플릿을 선택 적용할 수 있습니다.

2) Html5 모드 보기
– 배포 소스 > Play Mode > Html5 Mode를 선택하면, Html5 player를 우선 노출합니다.
– Auto와 Flash Mode에서는 Flash를 우선 적용하며, Flash 미지원시 Html5를 노출합니다.

3. 단말기 별 지원 기능 제한 (Custom Skin)

1) Preview 화면 – 포스터 이미지, 동영상 제목, Play icon

 PC  O  * Html5 지원 브라우저
 모바일 – Android  O  –
 모바일 – iPad  O  –
 모바일 – iPhone  O  –

2) 동영상 AD – Pre / Post

 PC  O  * Html5 지원 브라우저
 모바일 – Android  O  OS 4.0 이상
 모바일 – iPad  O  –
 모바일 – iPhone  X  –

3) 컨트롤 UI – 하단 컨트롤 Bar / 공유 / 화질선택 / 자막선택

 PC  O  * Html5 지원 브라우저
 모바일 – Android  O  –
 모바일 – iPad  O  –
 모바일 – iPhone  X  –

4) 자막 – WebVTT 포맷

 PC  O  * Html5 지원 브라우저
 모바일 – Android  O  * OS 4.4 이상 기본 브라우저, Chrome
 모바일 – iPad  O  * iOS 7 이상 – 자막 기능 설정 on
 모바일 – iPhone  O  * iOS 7 이상 – 자막 기능 설정 on