비디오 플레이어 모듈
이 문서에서는 비디오 플레이어 모듈에 대해 설명하고 사이트 페이지에 추가하는 방법을 설명합니다 Microsoft Dynamics 365 Commerce.
비디오 플레이어 모듈은 비디오 재생을 지원하는 데 사용됩니다. 비디오 콘텐츠가 콘텐츠 관리 시스템(CMS)에 업로드되고 사용 가능한 경우 모든 페이지에 추가할 수 있습니다. 비디오 플레이어 모듈은 .mp4 미디어 유형을 지원합니다.
비디오 플레이어 모듈
비디오 플레이어 모듈은 전자 상거래 사이트에서 비디오를 표시하는 데 사용할 수 있습니다. 재생, 일시 중지, 전체 크기 모드, 오디오 설명 및 자막과 같은 모든 재생 기능을 지원합니다. 비디오 플레이어 모듈은 Microsoft 접근성 표준을 충족하도록 자막 사용자 지정도 지원합니다. 예를 들어 글꼴 크기와 배경색을 사용자 지정할 수 있습니다.
비디오 플레이어 모듈은 보조 오디오 트랙도 지원합니다. 비디오가 CMS에 업로드되면 보조 오디오 트랙도 업로드할 수 있습니다. 그런 다음 비디오 플레이어 모듈은 사용자가 선택하는 경우 보조 오디오 트랙을 재생할 수 있습니다.
전자 상거래의 비디오 플레이어 모듈 예
- 제품 세부 정보 페이지 또는 마케팅 페이지의 교육용 비디오
- 홍보 동영상 또는 마케팅 페이지의 정책 관련 동영상
- 제품 세부 정보 페이지 또는 마케팅 페이지에서 제품 기능을 강조하는 마케팅 비디오
다음 이미지는 홈 페이지에 있는 비디오 플레이어 모듈의 예를 보여줍니다.
비디오 플레이어 모듈 속성
| 속성 이름 | 값 | 설명 |
|---|---|---|
| 제목 | 제목 텍스트 및 제목 태그(H1, H2, H3, H4, H5 또는 H6) | 기본적으로 제목에는 H2 제목 태그가 사용되지만 접근성 요구 사항에 맞게 태그를 변경할 수 있습니다. |
| 서식 있는 텍스트 | 단락 텍스트 | 이 모듈은 서식 있는 텍스트 형식의 단락 텍스트를 지원합니다. 하이퍼링크, 굵게, 밑줄이 그어진 텍스트, 기울임꼴 텍스트와 같은 몇 가지 기본 서식 있는 텍스트 기능이 지원됩니다. 이러한 기능 중 일부는 모듈에 적용되는 페이지 테마로 재정의할 수 있습니다. |
| 연결 | 텍스트 연결, URL 연결, Accessible Rich Internet Applications(ARIA) 레이블 및 새 탭에서 연결 열기 선택기 | 모듈은 하나 이상의 "클릭 유도문안" 링크를 지원합니다. 연결이 추가되면 연결 텍스트, URL 및 레이블이 ARIA 필요합니다. ARIA 레이블은 접근성 요구 사항을 충족하기 위해 설명적이어야 합니다. 링크가 새 탭에서 열리도록 구성할 수 있습니다. |
| 하위 텍스트 | 제목, 텍스트 또는 링크 | 비디오 플레이어 모듈에 대한 추가 컨텍스트(예: 작성자 또는 디자이너 이름 또는 개인 블로그에 대한 링크)를 추가할 수 있습니다. |
| 자동 재생 | 참 또는 거짓 | 값을 True 로설정하면 비디오가 자동으로 재생됩니다. |
| 음소거 | 참 또는 거짓 | 값을 True 로설정하면 오디오가 음소거됩니다. 이 플레이어의 경우 기본값은 False입니다 . Chrome 브라우저에서 자동 재생 동영상은 기본적으로 음소거되어 있으며 사용자가 수동으로 비디오 재생하는 경우에만 오디오가 재생됩니다. |
| 루프 | 참 또는 거짓 | 값을 True 로설정하면 비디오가 루프에서 반복됩니다. |
| 미디어 | 비디오 파일 경로 및 이름 | 비디오 플레이어에서 재생되는 비디오 파일입니다. |
| 전체 화면 재생 | 참 또는 거짓 | 값을 True 로설정하면 비디오가 전체 화면 모드로 재생됩니다. |
| 재생 일시중지 트리거 | 참 또는 거짓 | 값을 True 로설정하면 재생/일시 중지 버튼이 비디오에 표시됩니다. |
| 비디오 플레이어 컨트롤 | 참 또는 거짓 | 값을 True 로설정하면 모든 비디오 플레이어 컨트롤이 표시됩니다. 이러한 제어기에는 재생 및 일시 정지 버튼, 진행률 표시기 및 선택 자막 옵션이 포함됩니다. |
| 포스터 이미지 숨기기 | 참 또는 거짓 | 비디오에는 포스터 프레임이 있을 수 있습니다. 이 속성의 값을 True 로설정하면 포스터 프레임이 숨겨집니다. |
| 마스크 수준 | 0에서 100 사이의 숫자 | 스타일을 지정하기 위해 비디오에 적용되는 마스크입니다. |
중요
제목, 서식 있는 텍스트 , 연결 및 하위 텍스트 속성은 버전 10.0.20 릴리스부터 Dynamics 365 Commerce 사용할 수 있습니다.
페이지에 비디오 플레이어 모듈 추가
메모
비디오 플레이어 모듈을 만들기 전에 먼저 미디어 라이브러리에 비디오를 업로드해야 합니다.
새 페이지에 비디오 플레이어 모듈을 추가하고 필수 속성을 설정하려면 다음 단계를 따라와 수행합니다.
- 템플릿으로 이동하고 새로 만들기를 선택하여 새 템플릿을 만듭니다.
- 새 템플릿 대화 상자의 템플릿 이름 아래에 플레이어 템플릿을 입력한 비디오 다음, 확인을 선택합니다 .
- 본문 슬롯에서 줄임표( ... )를 선택한 다음, 모듈 추가를 선택합니다.
- 모듈 선택 대화 상자에서 기본 페이지 모듈을 선택한 다음, 확인 을 선택합니다.
- 기본 페이지 모듈의 기본 슬롯에서 줄임표( ...)를 선택한 다음, 모듈 추가를 선택합니다 .
- 모듈 선택 대화 상자에서 컨테이너 모듈을 선택한 다음, 확인 를 선택합니다.
- 컨테이너 슬롯에서 줄임표( ... )를 선택한 다음, 모듈 추가를 선택합니다.
- 모듈 선택 대화 상자에서 비디오 플레이어 모듈을 선택한 다음, 확인 를 선택합니다.
- 저장을 선택하고, 편집 완료를 선택하여 템플릿을 확인한 다음, 게시를 선택하여 게시하세요.
- 페이지로 이동하고 새로 만들기 를 선택하여 새 페이지를 만듭니다.
- 새 페이지 만들기 대화 상자의 페이지 이름 아래에비디오 플레이어 페이지를 입력하고 다음을 선택합니다.
- 템플릿 선택에서 만든 비디오 플레이어 템플릿을 선택하고 다음을 선택합니다.
- 레이아웃 선택에서 페이지 레이아웃(예: 유연한 레이아웃 )을 선택하고 다음을 선택합니다 .
- 검토 및 완료 에서페이지 구성을 검토합니다. 페이지 정보를 편집해야 하는 경우 뒤로 를 선택합니다. 페이지 정보가 올바르면 페이지 만들기를 선택합니다.
- 새 페이지의 기본 슬롯에서 줄임표(...)를 선택한 다음, 모듈 추가를 선택합니다.
- 모듈 선택 대화 상자에서 컨테이너 모듈을 선택한 다음, 확인 를 선택합니다.
- 컨테이너 슬롯에서 줄임표( ... )를 선택한 다음, 모듈 추가를 선택합니다.
- 모듈 선택 대화 상자에서 비디오 플레이어 모듈을 선택한 다음, 확인 를 선택합니다.
- 비디오 플레이어 모듈의 속성 창에서 비디오 추가를 선택합니다.
- 미디어 선택 기 대화 상자에서 비디오를 선택한 다음 새 미디어 항목 업로드를 선택합니다.
- 파일 탐색기에서 비디오 파일을 선택한 다음 열기 를 선택합니다.
- 미디어 항목 업로드 대화 상자에서 필요에 따라 제목 및 기타 정보를 입력한 다음 확인를 선택합니다 .
- 미디어 선택기 대화 상자에서 닫기를 선택합니다 .
- 저장을 선택한 다음 미리 보기를 선택하여 페이지를 미리 봅니다. 페이지에 비디오 모듈이 표시되어야 합니다. 추가 설정을 변경하여 모듈의 동작을 사용자 지정할 수 있습니다.
- 편집 완료를 선택하여 페이지를 체크 인한 다음, 게시를 선택하여 게시합니다.