Vimeoの動画のサムネイルのリンクを取得する

Markdownに動画のリンクをまとめたりしててEmbedはしたくない(環境によってはできない)けど、サムネイルの画像があると見返しやすいかなと思い、例としてVimeoの公式の動画 https://vimeo.com/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)

のように利用することができます。