[HTML] Vimeo 영상 재생 및 다운로드

Vimeo는 동영상 서비스를 제공해주는 사이트입니다.

Vimeo를 이용해서 동영상을 보여주고, 다운로드 할 수 있는 코드를 알아보겠습니다.

 

---

 

1. 동영상 재생

<div class="video">

	<iframe src="https://player.vimeo.com/video/동영상ID?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=앱ID" width="400" height="300" frameborder="0" allow="autoplay; fullscreen" allowfullscreen title="제목"></iframe>

</div>

- 동영상을 iframe으로 가져온 HTML 코드입니다.

- iframe 소스를 위의 코드와 같이 넣으면 홈페이지에서 동영상을 볼 수 있습니다.

 

- 단, 동영상에 홈페이지 도메인을 허용해야 동영상을 재생할 수 있습니다.

 

 

2. 동영상 다운로드

<a href="https://vimeo.com/다운로드 링크" target="_blank">다운로드</a>

- vimeo에 업로드한 동영상을 클릭하면 우측 상단에 공유 버튼이 있습니다.

- 공유를 클릭하고, 다운로드 링크 복사를 클릭하면 링크가 복사됩니다.

 

- 복사된 링크를 a 태그 href에 넣으면 다운로드를 할 수 있습니다.

- 단, vimeo에서 동영상 다운로드를 허용시켜야 다운로드를 할 수 있습니다.

 

 

 

이상으로 Vimeo 동영상을 홈페이지에 넣고, 다운로드할 수 있는 방법을 알아보았습니다.

 

---