플레이어(1) - HTML5 Player 적용

HTML5 Player가 필요한 이유?
사람들은 언제 어디서나 비디오를 시청하기 때문에 이런 수 많은 디바이스들과 호환 가능한 비디오 서비스를 만드는 것이 필수입니다. WECANDEO는 최적의 호환성을 위해 HTML5를 동영상 플레이어에 적용하였습니다.

보안성이 강화된 HTML5 동영상 플레이어의 가장 큰 장점은 호환성으로, 인터넷 익스플로러(IE) 10 이상 브라우저와 타 브라우저(크롬, 파이어폭스 등) 또는 스마트 기기 환경에서는 HTML5 플레이어로 자동 재생합니다.

👍

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

📘

플레이어 시리즈 관련가이드

1. HTML5 Player 적용
2. 동영상 특정 지점 연결
3. 플레이어 Parameters 적용
4. 플레이어 iframe API 적용

템플릿 보기

1. Default Skin

• 각각의 브라우저가 제공하는 기본 Skin을 적용합니다.
• 브라우저 별로 지원하는 범위에 따라 기능의 차이가 발생합니다.

2. Custom Skin

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

템플릿의 적용

1. 템플릿 선택

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

2. Html5 모드 보기

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

단말기 별 지원 기능 제한 (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