기타

iframe으로 Vimeo(비메오) 동영상 넣기 - 자동재생 등의 옵션

하쯔 2017. 3. 29. 20:51

Vimeo(비메오) 동영상 옵션 설정!



iframe으로 비메오에 올려진 영상을 넣는데


자동재생, 반복재생, 컨트롤러 숨기기 옵션이 필요했다.


우선 iframe에 넣을 비메오 링크는

비메오 영상 공유 버튼을 눌러 뜨는 팝업창에 임베딩 부분에 있다.


<iframe src="https://player.vimeo.com/video/영상등록번호?autoplay=1&loop=1&title=0&background=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>


이것을 소스에 넣어주면 끄읕~


옵션은 노란 부분을 말하는데


자동 재생, 반복 재생은 팝업창에서 +옵션 표시 버튼을 누르면

특별 옵션: 부분에 나와 체크만 해주면 되는데


컨트롤러 숨기는 게 안 나와서 따로 검색해서 알아냈다.

(반복 재생하는데 시작할 때 컨트롤러가 나왔다 사라져서 보기 안 좋았음..)

출처는 정신이 없어서 적어 놓지 못했다...


background=1만 넣어주면 autoplay, loop는 자동으로 됨!



 자동 재생 

 autoplay=1 

 반복 재생 

 loop=1 

 컨트롤러 숨기기 

 background=1 




★ background=1 옵션은 비메오 플러스 또는 프로 멤버(Plus or PRO member)일 경우 사용 가능하다고 함.


background=1 옵션의 기능


1. 모든 플레이어 토글과 요소가 해제됩니다 (재생 / 일시 중지 버튼 포함).

2. 비디오가 자동으로 반복됩니다.

3. 동영상이 자동 재생으로 설정됩니다.

4. 동영상이 음소거됩니다.



출처 : https://vimeo.com/forums/topic:278001