Vimeo 동영상의 미리보기 이미지 링크 받기

7579 단어 MarkdownVimeo


Markdown에 동영상의 링크를 정리하고 있어 Embed는 하고 싶지 않다(환경에 따라서는 할 수 없다) 하지만, 썸네일의 화상이 있다고 보답하기 쉬울까라고 생각해, 예로서 Vimeo의 공식의 동영상 h tps://ゔぃ메오. 코m/185068072 의 썸네일을 취득 시도해 봅시다.
http://vimeo.com/api/v2/video/185068072.json

API를 사용하여 json을 가져옵니다. VideoID를 변경하면 다른 동영상도 가능합니다.

보기 쉽도록 VScode에서 열고 오른쪽 클릭 메뉴에서 Format Document 그러면 아래와 같이 됩니다.
[
    {
        "id": 185068072,
        "title": "I am a Vimeo Filmmaker",
        "description": "\"Vimeo is a vital part of my filmmaking process.\" - Kate Herron, uploading since 2011. <br \/>\r\nProfessional filmmakers around the world share their videos on Vimeo. <br \/>\r\nJoin Vimeo PRO now at vimeo.com\/professionals<br \/>\r\n<br \/>\r\nAudio: Rain by Color Palette",
        "url": "https:\/\/vimeo.com\/185068072",
        "upload_date": "2016-09-30 16:11:49",
        "thumbnail_small": "https:\/\/i.vimeocdn.com\/video\/595062338_100x75.webp",
        "thumbnail_medium": "https:\/\/i.vimeocdn.com\/video\/595062338_200x150.webp",
        "thumbnail_large": "https:\/\/i.vimeocdn.com\/video\/595062338_640.webp",
        "user_id": 152184,
        "user_name": "Vimeo Staff",
        "user_url": "https:\/\/vimeo.com\/staff",
        "user_portrait_small": "https:\/\/i.vimeocdn.com\/portrait\/9934446_30x30.webp",
        "user_portrait_medium": "https:\/\/i.vimeocdn.com\/portrait\/9934446_75x75.webp",
        "user_portrait_large": "https:\/\/i.vimeocdn.com\/portrait\/9934446_100x100.webp",
        "user_portrait_huge": "https:\/\/i.vimeocdn.com\/portrait\/9934446_300x300.webp",
        "duration": 30,
        "width": 1920,
        "height": 1080,
        "tags": "Vimeo, Filmmaker, I am a Vimeo filmmaker",
        "embed_privacy": "anywhere"
    }
]

"thumbnail_small"에서 "thumbnail_large"는 미리보기 이미지의 URL입니다.
VideoID 그대로 교체로 사용할 수 없는 것이 조금 불편합니다.

Markdown에서
![thumbnail](https://i.vimeocdn.com/video/595062338_640.webp)
![thumbnail](https://i.vimeocdn.com/video/595062338_640.png)

같이 사용할 수 있습니다.

좋은 웹페이지 즐겨찾기