재생 목록 그리드는 그리드에 하나 이상의 재생 목록을 표시합니다. 즉, 재생 목록의 모든 비디오에 대한 축소판이 페이지에 나타납니다. 여러 재생 목록을 선택한 경우 다음과 같이 재생 목록 이름이 앱 페이지 상단에 탭으로 표시됩니다.
재생 목록이 하나만 표시되면 재생 목록 이름이 나타나지 않습니다. 이 경우 페이지 이름이 재생 목록의 내용을 반영하는지 확인하고 싶을 것입니다.
페이지 레이아웃이 반응형입니다. 다음 스크린샷은 이전에 표시된 것과 동일한 페이지를 보여주지만 브라우저 너비는 더 좁습니다. 썸네일은 가로 4개에 불과하지만 더 넓은 브라우저에서는 가로 5개로 표시된다는 점에 유의하세요.
페이지에 추가된 재생 목록의 수로 인해 재생 목록 이름 탭이 사용 가능한 공간보다 넓어지면 다음과 같이 모든 탭을 볼 수 있는 방법을 제공하기 위해 탭 목록의 오른쪽에 화살표가 추가됩니다.
끝에 도달하면 왼쪽에 화살표가 나타납니다.
Hero(자동 재생 채널)
Hero(자동 재생 채널) 페이지 레이아웃에 대해 다음 사항에 유의하십시오.
채널을 전체 화면, 자동 재생 비디오로 표시합니다. 동작을 보려면 다음 비디오를 재생하십시오.
추가 재생 목록은 캐러셀로 표시됩니다.
채널이 포함된 재생목록에 유효한 동영상 콘텐츠는 다음과 같습니다.
Brightcove Beacon 채널
Studio에서 생성된 Cloud Playout 채널
페이지가 반응합니다. 재생 중인 동영상의 크기가 줄어들고 캐러셀의 미리보기 이미지의 크기가 줄어들며 더 적게 표시됩니다.
자동 재생 채널에서는 레이아웃 변경이 허용되지 않습니다.
모르면 헷갈릴 수 있는 폴백 기능이 있습니다. 어떤 이유로든 추천 자동 재생 목록을 재생할 수 없는 경우 일반 재생 목록의 첫 번째 재생 목록이 자동 재생 위치로 “승격”됩니다. 다음 다이어그램은 기능을 더 명확하게 보여줍니다.
Hero(추천 재생 목록)
Hero(추천 재생 목록) 페이지 레이아웃에 대해 다음 사항에 유의하십시오.
추천 재생목록은 다음과 같이 페이지의 다른 재생목록 미리보기 이미지보다 캐러셀 내에서 더 큰 미리보기 이미지와 함께 페이지 상단에 나타납니다.
바로 위의 스크린샷에서 볼 수 있듯이 페이지에 추가된 추가 재생 목록은 더 작은 축소판을 사용하여 캐러셀의 추천 재생 목록 아래에 표시됩니다.
페이지 레이아웃이 반응형입니다. 다음 스크린샷은 이전에 표시된 것과 동일한 페이지를 보여주지만 브라우저 너비는 더 좁습니다. 추천 재생목록의 썸네일은 가로로 두 개뿐인 반면 더 넓은 브라우저에서는 세 개로 표시된다는 점에 유의하세요.
추천 재생 목록에는 썸네일을 세로 방향으로 표시하는 옵션이 없습니다.
영웅(이미지)
Hero(이미지) 페이지 레이아웃에 대해 다음 사항에 유의하십시오.
영웅 이미지는 다음과 같이 앱 페이지 하단 근처에 이미지를 오버레이하는 추가 재생 목록과 함께 대부분 표시됩니다.
추가 재생 목록은 캐러셀로 표시됩니다.
페이지가 반응합니다. 히어로 이미지의 크기가 줄어들고 캐러셀의 미리보기 이미지의 크기가 줄어들며 더 적게 표시됩니다.
회전 목마
회전판 페이지 레이아웃에 대해 다음 사항에 유의하십시오.
다음과 같이 페이지에 배치된 각 재생 목록에 대해 새 캐러셀이 추가됩니다.
쉐브론 재생목록의 모든 동영상을 탐색할 수 있도록 캐러셀의 양쪽 끝에 나타납니다.
페이지가 반응합니다. 다음은 페이지의 축소판 보기이며 세로 방향 축소판을 사용하여 재생 목록 중 하나도 표시됩니다.
리디렉션 링크
리디렉션 링크 페이지 유형을 사용하면 클릭했을 때 뷰어를 웹 페이지 URL로 보내는 링크를 기본 메뉴에 입력할 수 있습니다. 이것은 웹, iOS 및 Android 앱에서 작동합니다. 동일한 탭 또는 새 탭에서 페이지를 열도록 선택할 수 있습니다. 다음 비디오는 다음을 보여줍니다.
iOS 동일한 탭 리디렉션
iOS 새 탭 리디렉션
웹 새 탭 리디렉션
표준 가용성 설정 외에도 지원되는 모든 언어에 대해 리디렉션 링크 대상 및 링크 URL을 설정할 수 있습니다.
재생목록의 모든 동영상을 탐색할 수 있도록 캐러셀의 양쪽 끝에 나타납니다.
