플레이어에게 전체 화면 모드로 동영상을 볼 수 있는 옵션이 없다면, 전체 화면을 사용할 수 없다는 의미입니다. 이 도움말에서는 이 문제를 해결할 수 있는 잠재적인 방법을 설명합니다.
이 도움말에 포함된 내용:
Vimeo에서 플레이어 설정 확인
- 라이브러리로 이동하여 동영상을 선택한 다음 모양 탭으로 이동합니다.
-
컨트롤 섹션에서 전체 화면 버튼이 켜져있는지 확인합니다.
임베드 코드 확인
아이프레임 임베드 코드에 필요한 전체 화면 속성이 누락되었을 수 있습니다.
- 아이프레임 태그에 다음과 같은 속성이 있는지 확인합니다. mozallowfullscreen, webkitallowfullscreen, allowfullscreen.
- 임베드 코드를 다른 애플리케이션에 붙여넣는 경우 해당 속성이 유지되어야 합니다.
임베드 코드 예시
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/000&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" mozallowfullscreen webkitallowfullscreen allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Example video does not exist"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
중첩된 아이프레임 또는 프레임이 있는지 확인
- 중첩된 아이프레임:
- 플레이어 아이프레임은 전체 화면 속성(mozallowfullscreen, webkitallowfullscreen, allowfullscreen)이 없는 다른 아이프레임에 포함되어 있습니다. 브라우저는 컨테이너에 이러한 속성이 없으면 중첩된 아이프레임이 전체 화면 모드로 전환되지 않도록 방지합니다.
- 플레이어를 컨테이너 아이프레임 바깥쪽에 삽입하거나 전체 화면 속성을 컨테이너 아이프레임에 추가합니다.
- 프레임 요소:
- 아이프레임은 <frame> 요소 안에 포함되어 있습니다. 프레임 요소와 그 안의 아이프레임은 전체 화면 모드로 전환할 수 없습니다.
- <frame> 페이지의 소스 코드에서 모든 태그를 제거하는 것이 좋습니다.
사이트 수준 재정의 확인(no-fullscreen-support)
- 임베드된 사이트를 검사하고 브라우저의 요소 탭에서 'no-fullscreen-support' 매개변수를 검색합니다.
- 이 태그가 있는 경우 전체 화면 속성이 무시됩니다. 이 문제를 해결하려면 사이트 개발자에게 문의하시기 바랍니다.
위의 모든 단계를 확인했는데도 문제가 계속 발생하는 경우 Vimeo에 문의하세요. 자세히 조사해 드리겠습니다. Vimeo에서 동영상의 소스 코드를 확인할 수 있도록 동영상이 임베드된 페이지 링크를 꼭 포함해 주세요.