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

• 목록

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

.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