여기에서 설명하는 투명도는 업로드하는 동영상의 투명도가 아니라 아이프레임(포함된 웹 요소)을 말합니다. Vimeo는 현재 알파 채널 지원을 포함하지 않습니다.
이 도움말에 포함된 내용:
투명 배경
기본적으로 플레이어 아이프레임의 배경은 Vimeo에서 투명합니다. 모든 플레이어 요소(플레이바, 버튼 등)는 아이프레임의 실제 크기가 아니라 동영상 이미지로 고정됩니다.
임베드에 빈 공간을 방지하려면 동영상의 기본 종횡비와 일치하는 플레이어 크기를 선택하는 것이 좋습니다. 예를 들어 원본 동영상의 종횡비가 16:9인 경우 800 x 450과 같이 종횡비가 16:9인 크기의 동영상을 임베드해야 합니다.
⚠️ 참고: 임베드된 플레이어의 크기는 웹페이지에서 설정한 CSS 스타일의 영향도 받을 수도 있습니다.반응형 디자인에 임베드된 동영상의 경우, 동영상의 기본 종횡비를 유지하도록 높이와 너비가 모두 조정되었는지 확인하세요.
투명 배경 비활성화
플레이어가 원래 의도한 것과 다르게 표시되는 경우 투명 배경을 비활성화할 수 있습니다.
- 투명한 배경을 비활성화하려면 임베드 코드의 플레이어 URL 끝에 ?transparent=0을 추가합니다.이 매개변수는 검은색 아이프레임 배경을 강제 실행하고 동영상 이미지 대신 아이프레임에 플레이어 요소를 고정합니다.
임베드 코드 예시:
<iframe src="https://player.vimeo.com/video/137805268?transparent=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'
참고: 동영상의 프라이버시가 일부 공개로 설정되어 있다면 다른 모든 매개변수는 URL 끝에 ?가 아닌 &를 사용하여 프라이버시 해시(?h=913052c8ff) 뒤에 추가되어야 합니다. 다음은 투명 매개변수를 사용한 일부 공개 동영상의 iframe 코드 예시입니다.
<iframe src="https://
player.vimeo.com/
커스텀 아이프레임 배경색 적용
투명도나 검은색 막대 대신 아이프레임을 채우는 정확한 색상을 선택할 수 있습니다. 플레이어 내 텍스트 및 플레이바의 색상을 조정하려면 동영상의 플레이어 설정으로 이동해야 합니다.
- 특정 배경색을 적용하려면 아이프레임 임베드 코드에 다음 인라인 스타일 속성을 추가해야 합니다.
style="background-color: #FFFFFF"
FFFFFF는 흰색 헥스값이지만 다음 링크에서 원하는 색상의 헥스 코드 데이터베이스를 검색할 수 있습니다. http://www.color-hex.com/
임베드 코드 예:
<iframe src="https://player.vimeo.com/video/236787722" style="background-color: #FFFFFF" width="1000" height="400" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
⚠️ 참고: 동영상이 로드되는 동안 나타나는 프레임의 색상을 변경할 수 있는 방법은 없습니다.이는 대부분의 시청자가 알아차리지 못하지만 인터넷 연결 속도가 느린 시청자에게 영향을 줄 수 있습니다.