비메오 배경동영상 넣기 > 코딩소스

본문 바로가기

사이트 내 전체검색

뒤로가기 코딩소스

etc 비메오 배경동영상 넣기

페이지 정보

작성자 디블랙 작성일 25-05-22 09:47 조회 275 댓글 0

본문

비메오 시작할때 로딩이 걸리네요...배경이미지를 미리 넣어주세요.

.video{position:absolute;left:0;top:0;width:100vw;height:100vh;overflow:hidden;background:url('https://i.vimeocdn.com/video/1878508384-a6a08646f2b0068777d4334cbae57734fde155811a160cbae72942137d9bdca4-d') no-repeat center /cover}
.video iframe{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100vw;height: 56.25vw;min-height: 100vh;min-width: 177.78vh;z-index: 0;}

<div class="video">
<iframe src="https://player.vimeo.com/video/965715725?background=1&autoplay=1&loop=1&muted=1"></iframe>
</div>

----------------------------

비메오썸네일은...
https://vimeo.com/api/oembed.json?url=https://vimeo.com/123456789 접속하면
json 형식으로
{
  "thumbnail_url": "https://i.vimeocdn.com/video/123456789_640.jpg",
  ...
}
썸네일주소가 나옵니다. 뒤에 _640을 지우면 원본이미지입니다. => https://i.vimeocdn.com/video/123456789.jpg

댓글목록 0

등록된 댓글이 없습니다.

Copyright © 소유하신 도메인. All rights reserved.

사이트 정보

회사명 : 회사명 / 대표 : 대표자명
주소 : OO도 OO시 OO구 OO동 123-45
사업자 등록번호 : 123-45-67890
전화 : 02-123-4567 팩스 : 02-123-4568
통신판매업신고번호 : 제 OO구 - 123호
개인정보관리책임자 : 정보책임자명

PC 버전으로 보기