HTML5 비디오 뷰어 사용에 대한 우수 사례

Adobe Dynamic Media Classic HTML5 비디오 뷰어 사전 설정은 강력한 비디오 플레이어입니다. 플레이어의 디자인 측면에서는 표준 웹 개발 도구를 사용하여 비디오 플레이어의 전체 기능을 만들 수 있습니다. 예를 들어 HTML5 및 CSS를 사용하여 단추, 컨트롤 및 사용자 지정 포스터 이미지 배경을 디자인하면 사용자 지정된 모습으로 고객 범위를 넓힐 수 있습니다.

뷰어의 재생 측면에서 브라우저의 비디오 기능을 자동으로 검색합니다. 그런 다음 적응형 비디오 스트리밍이라고도 하는 HLS(HTTP 라이브 스트리밍)를 사용하여 비디오를 제공합니다. 또는 해당 전달 방법이 없으면 대신 HTML5 progressive가 사용됩니다.

단일 플레이어로 결합하여 다음과 같은 기능을 제공합니다.

  • HTML5 및 CSS를 사용하여 디자인된 재생 구성 요소
  • 포함된 재생
  • 브라우저의 기능을 기반으로 하는 적응형 및 점진적 스트리밍 사용

리치 미디어 콘텐츠의 범위를 데스크탑 및 모바일 사용자까지 확장할 수 있습니다. 또한 간소화된 비디오 환경을 보장합니다.

참조: HTML5 뷰어 정보 ( Adobe 뷰어 참조 안내서)를 참조하십시오.

참조: 뷰어 사전 설정 교육 비디오입니다.

Adobe Dynamic Media Classic 비디오 뷰어를 사용하여 데스크탑 컴퓨터 및 모바일 장치에서 비디오 재생

데스크탑 및 모바일 응용 비디오 스트리밍의 경우, 비트 전송률 전환에 사용되는 비디오는 응용 비디오 세트의 모든 MP4 비디오를 기반으로 합니다.

비디오 재생은 HLS 또는 점진적 비디오를 사용하여 발생합니다. HLS(HTTP 라이브 스트리밍)는 네트워크 대역폭 용량에 따라 자동으로 재생을 조정하는 적응형 비디오 스트리밍을 위한 Apple 표준입니다. 또한 고객은 나머지 비디오가 다운로드될 때까지 기다릴 필요 없이 비디오의 모든 지점을 "탐색"할 수 있습니다. 참조: HTTP 라이브 스트리밍. 점진적 비디오는 사용자의 데스크탑 화면 또는 모바일 디바이스에 로컬로 비디오를 다운로드 및 저장하여 전달됩니다.

다음 표에서는 Adobe Dynamic Media Classic 비디오 뷰어를 사용하는 데스크탑 컴퓨터 및 모바일 장치에서 비디오의 장치, 브라우저 및 재생 방법에 대해 설명합니다.

장치 브라우저 비디오 재생 모드
데스크톱 Internet Explorer 9 및 10 점진적 다운로드.
데스크톱 Internet Explorer 11+ HLS 비디오 스트리밍.
데스크톱 Firefox 23-44 점진적 다운로드.
데스크톱 Firefox 45 이상 HLS 비디오 스트리밍.
데스크톱 크롬 HLS 비디오 스트리밍.
데스크톱 Safari(Mac) HLS 비디오 스트리밍.
모바일 Chrome(Android™ 6 이하) 점진적 다운로드.
모바일 Chrome(Android™ 7 이상) HLS 비디오 스트리밍.
모바일 Android™ (기본 브라우저) 점진적 다운로드.
모바일 Safari(iOS) HLS 비디오 스트리밍.
모바일 Chrome(iOS) HLS 비디오 스트리밍.
모바일 블랙베리® HLS 비디오 스트리밍.

이 페이지에서는