플레이어(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을 적용합니다.
  • 브라우저 별로 지원하는 범위에 따라 기능의 차이가 발생합니다.
  1. Custom Skin
  • WECANDEO가 제공하는 Skin을 적용합니다.
  • 공유하기, 화질선택, 자막선택 등의 추가 기능을 공통 지원합니다.

템플릿의 적용

  1. 템플릿 선택
  • 배포 패키지 (채널)의 플레이어 선택에서 Html5 플레이어의 템플릿을 선택 적용할 수 있습니다.
  1. 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

  1. 동영상 AD – Pre / Post

디바이스

지원여부

비고

PC

O

  • Html5 지원 브라우저

모바일 – Android

O

OS 4.0 이상

모바일 – iPad

O

모바일 – iPhone

X

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

디바이스

지원여부

비고

PC

O

  • Html5 지원 브라우저

모바일 – Android

O

모바일 – iPad

O

모바일 – iPhone

X

  1. 자막 – WebVTT 포맷

디바이스

지원여부

비고

PC

O

  • Html5 지원 브라우저

모바일 – Android

O

  • OS 4.4 이상 기본 브라우저, Chrome

모바일 – iPad

O

  • iOS 7 이상 – 자막 기능 설정 on

모바일 – iPhone

O

  • iOS 7 이상 – 자막 기능 설정 on

Did this page help you?