Получить эскизы img от Vimeo?

308

Я хочу получить уменьшенное изображение для видео от Vimeo.

При получении изображений с Youtube я просто делаю так:

http://img.youtube.com/vi/HwP5NG-3e8I/2.jpg

Любая идея, как сделать для Vimeo?

Здесь тот же вопрос, без ответа.

Johan
источник
3
Вы проверяли, разрешено ли вам использовать эти изображения на вашем сайте? Если нет, то это спорный вопрос для начала.
Лотар
12
Да, это законно - оба сайта предоставляют эти данные в открытом доступе, потому что они хотят, чтобы вы использовали их контент! В конце концов, все встроенные видео ссылаются на хостинг.
Магнус Смит
1
Если вы хотите убедиться, что ваша страница не зависит от сервера vimeo и производительность оптимизирована, я предлагаю вам сделать это в javascript. Недостатком является то, что он не показывает большой палец для пользователей без JavaScript, но соответствующий заполнитель со ссылкой должен быть достаточно дружелюбным. (измените .xml на .json в своем запросе API для vimeo)
Myster
попробуйте этот ответ: stackoverflow.com/a/17156853/146602 - позволяет очень легко получить информацию / данные о любом видео vimeo, имеющем только URL.
phirschybar
1
i.vimeocdn.com/video/528073804_200x200.webp таким образом вы можете получить видеоизображение
Pus

Ответы:

361

Из документов Vimeo Simple API :

Создание видео запроса

Чтобы получить данные о конкретном видео, используйте следующий URL:

http://vimeo.com/api/v2/video/video_id.output

video_id Идентификатор видео, для которого вы хотите получить информацию.

output Укажите тип вывода. В настоящее время мы предлагаем форматы JSON, PHP и XML.

Таким образом, получить этот URL http://vimeo.com/api/v2/video/6271487.xml

    <videos> 
      <video> 
        [skipped]
        <thumbnail_small>http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_100.jpg</thumbnail_small> 
        <thumbnail_medium>http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_200.jpg</thumbnail_medium> 
        <thumbnail_large>http://ts.vimeo.com.s3.amazonaws.com/235/662/23566238_640.jpg</thumbnail_large> 
        [skipped]
    </videos>

Разобрать это для каждого видео, чтобы получить миниатюру

Вот примерный код в PHP

<?php

$imgid = 6271487;

$hash = unserialize(file_get_contents("http://vimeo.com/api/v2/video/$imgid.php"));

echo $hash[0]['thumbnail_medium'];  
пушистый
источник
Хорошо хорошо Я не знаком с тем, xmlхотя. Как я могу получить thumbnail_smallс php?
Йохан
Чтобы получить его с помощью PHP, сначала используйте расширение php в URL, например vimeo.com/api/v2/video/6271487.php , вам будет предоставлен файл, первая строка которого выглядит как сериализованный php-хеш, используйте unserialize. а затем просто прочитайте записи, которые вы хотите
Пушистый
1
Спасибо, URL работает хорошо. Кроме того, приведенный выше API не работает, поэтому зайдите на vimeo.com/api, чтобы прочитать об этом.
Федмих
5
Вы также можете изменить размер изображения и тип файла изображения. Например, вы можете изменить значение по умолчанию thumbnail_largeс i.vimeocdn.com/video/23566238_640.webp на i.vimeocdn.com/video/23566238_640.png или i.vimeocdn.com/video/23566238_320.jpg
Майкл Макгиннис,
28
Поскольку API мертв, этот ответ больше не действителен
KnF
58

В JavaScript (использует jQuery):

function vimeoLoadingThumb(id){    
    var url = "http://vimeo.com/api/v2/video/" + id + ".json?callback=showThumb";

    var id_img = "#vimeo-" + id;

    var script = document.createElement( 'script' );
    script.src = url;

    $(id_img).before(script);
}


function showThumb(data){
    var id_img = "#vimeo-" + data[0].id;
    $(id_img).attr('src',data[0].thumbnail_medium);
}

Чтобы отобразить это:

<img id="vimeo-{{ video.id_video }}" src="" alt="{{ video.title }}" />
<script type="text/javascript">
  vimeoLoadingThumb({{ video.id_video }});
</script>
Natim
источник
Большое спасибо за это, очень полезно. Я думаю, что есть одна очень маленькая опечатка. Вы используете # в переменных id_img, но не получили # в идентификаторе элемента img. Предполагается ли в вашем примере использование jQuery? Я swopped $(id_img).beforeи $(id_img).attrдля createElementи более простой getElementById(id_img).src, но не получил бы его вообще , если бы не ваш пример.
atomicules
3
Вопрос # это синтаксис JQuery, а не ошибка. Да, это предполагает использование JQuery.
Натим,
Ах, тогда ладно. Спасибо за разъяснения. Я не часто использую JQuery, но ответ все еще был действительно полезен для меня.
atomicules
1
Это тестируемый jsfiddle для того же кода: jsfiddle.net/archatas/Tv7GZ
Аидас Бендорайтис
Спасибо @AidasBendoraitis
Натим
45

Вы должны проанализировать ответ API Vimeo. Это невозможно с помощью URL-вызовов (например, Dailymotion или YouTube).

Вот мое решение PHP:

/**
 * Gets a vimeo thumbnail url
 * @param mixed $id A vimeo id (ie. 1185346)
 * @return thumbnail's url
*/
function getVimeoThumb($id) {
    $data = file_get_contents("http://vimeo.com/api/v2/video/$id.json");
    $data = json_decode($data);
    return $data[0]->thumbnail_medium;
}
Эрдал Г.
источник
3
Спасибо тебе за это. Это было мое любимое решение.
Bullyen
44

Использование jQuery-запроса jsonp:

<script type="text/javascript">
    $.ajax({
        type:'GET',
        url: 'http://vimeo.com/api/v2/video/' + video_id + '.json',
        jsonp: 'callback',
        dataType: 'jsonp',
        success: function(data){
            var thumbnail_src = data[0].thumbnail_large;
            $('#thumb_wrapper').append('<img src="' + thumbnail_src + '"/>');
        }
    });
</script>

<div id="thumb_wrapper"></div>
elatonsev
источник
1
Я хотел бы использовать это ... но что, если у меня есть несколько видео на странице? Есть ли способ передать идентификатор на звонок? В идеале я хотел бы использовать что-то вроде <div id='12345678' class='vimeo_thumb'></div>- и это будет заполнено миниатюрой IMG.
Дан
4
Вызов метода может быть сокращен как$.getJSON('http://vimeo.com/api/v2/video/' + video_id + '.json?callback=?', function (data) {...
Санхьюн Ли
22

С Ruby вы можете сделать следующее, скажем:

url                      = "http://www.vimeo.com/7592893"
vimeo_video_id           = url.scan(/vimeo.com\/(\d+)\/?/).flatten.to_s               # extract the video id
vimeo_video_json_url     = "http://vimeo.com/api/v2/video/%s.json" % vimeo_video_id   # API call

# Parse the JSON and extract the thumbnail_large url
thumbnail_image_location = JSON.parse(open(vimeo_video_json_url).read).first['thumbnail_large'] rescue nil
Мишель Барбоза
источник
2
Примечание: вам может потребоваться require 'open-uri'разрешить открывать для анализа URI, а также файлов.
Крис
Мне пришлось добавить url.scan (/vimeo.com \ / (\ d +) \ /? /). Flatten.to_s.delete ("^ 0-9."), Чтобы получить идентификатор vimeo #
Абрам
21

Вот пример того, как сделать то же самое в ASP.NET с использованием C #. Не стесняйтесь использовать другое изображение ошибки ловить :)

public string GetVimeoPreviewImage(string vimeoURL)
{
    try
    {
        string vimeoUrl = System.Web.HttpContext.Current.Server.HtmlEncode(vimeoURL);
        int pos = vimeoUrl.LastIndexOf(".com");
        string videoID = vimeoUrl.Substring(pos + 4, 8);

        XmlDocument doc = new XmlDocument();
        doc.Load("http://vimeo.com/api/v2/video/" + videoID + ".xml");
        XmlElement root = doc.DocumentElement;
        string vimeoThumb = root.FirstChild.SelectSingleNode("thumbnail_medium").ChildNodes[0].Value;
        string imageURL = vimeoThumb;
        return imageURL;
    }
    catch
    {
        //cat with cheese on it's face fail
        return "http://bestofepicfail.com/wp-content/uploads/2008/08/cheese_fail.jpg";
    }
}

ПРИМЕЧАНИЕ. Вашему запросу API должно понравиться это при запросе: http://vimeo.com/api/v2/video/32660708.xml

Mtblewis
источник
Хорошо, но ссылка API только vimeo.com/api/v2/video/video_id.xml, а не «video» перед идентификатором видео.
Мартин
Сократил этот код и изменил параметр, чтобы принимать идентификатор vimeo вместо полного URL-адреса. (не могу понять, как многострочный блок кода) public static string GetVimeoPreviewImage(string id) { try { XmlDocument doc = new XmlDocument(); doc.Load("http://vimeo.com/api/v2/video/" + id + ".xml"); return doc.DocumentElement.FirstChild.SelectSingleNode("thumbnail_medium").ChildNodes[0].Value; } catch { return string.Empty; } }
elkaz
14

Самый простой способ JavaScript, который я нашел, чтобы получить миниатюру без поиска идентификатора видео, это использовать:

//Get the video thumbnail via Ajax
$.ajax({
    type:'GET',
    url: 'https://vimeo.com/api/oembed.json?url=' + encodeURIComponent(url),
    dataType: 'json',
    success: function(data) {
        console.log(data.thumbnail_url);
    }
});

Примечание. Если кому-то нужно получить миниатюру видео, связанную с идентификатором видео, он может заменить $idего идентификатором видео и получить XML с подробностями видео:

http://vimeo.com/api/v2/video/$id.xml

Пример:

http://vimeo.com/api/v2/video/198340486.xml

Источник

Рой Шоа
источник
2
Это действительно лучший ответ, так как Vimeo устарел API v2. oEmbed не требует аутентификации и возвращает ответ JSON / XML, содержащий URL-адреса миниатюр. developer.vimeo.com/apis/oembed
joemaller
1
Рой, как мы используем этот вызов ajax при поиске определенного видео по идентификатору?
Klewis
@blackhawk Я не знаю, но сейчас я в Google и нашел что-то для вас, просто замените video_id на ваш, $idи вы получите XML с подробностями видео (включая эскизы). http://vimeo.com/api/v2/video/$id.xml, например: http://vimeo.com/api/v2/video/198340486.xml. Источник находится здесь: coderwall.com/p/fdrdmg/get-a-thumbnail-from-a-vimeo-video
Рой Шоа
@blackhawk Я редактирую свой ответ, теперь вы можете его увидеть. Спасибо!
Рой Шоа
11

Если вы хотите использовать миниатюры через чистый js / jquery no api, вы можете использовать этот инструмент для захвата кадра из видео и вуаля! Введите URL-адрес большого пальца, в котором вы когда-либо хотели.

Вот кодовая ручка:

http://codepen.io/alphalink/pen/epwZpJ

<img src="https://i.vimeocdn.com/video/531141496_640.jpg"` alt="" />

Вот сайт, чтобы получить эскиз:

http://video.depone.eu/

alphapilgrim
источник
1
Сайт @blackhawk вернулся.
alphapilgrim
Похоже, это получает случайный кадр, а не официальную обложку / эскиз, выбранный создателем видео. Приятно знать, что это существует, но я думаю, что я буду использовать API-метод json parse, потому что с этим не будет никакого контроля над обложкой со стороны vimeo.
Squarecandy
9

Используя URL Vimeo ( https://player.vimeo.com/video/30572181 ), вот мой пример

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <title>Vimeo</title>
</head>
<body>
    <div>
        <img src="" id="thumbImg">
    </div>
    <script>
        $(document).ready(function () {
            var vimeoVideoUrl = 'https://player.vimeo.com/video/30572181';
            var match = /vimeo.*\/(\d+)/i.exec(vimeoVideoUrl);
            if (match) {
                var vimeoVideoID = match[1];
                $.getJSON('http://www.vimeo.com/api/v2/video/' + vimeoVideoID + '.json?callback=?', { format: "json" }, function (data) {
                    featuredImg = data[0].thumbnail_large;
                    $('#thumbImg').attr("src", featuredImg);
                });
            }
        });
    </script>
</body>
</html>

Картикеян П
источник
Ты лучший.
Александр Казаков
7

Похоже, api / v2 мертв.
Чтобы использовать новый API, вам нужно зарегистрировать свое приложение , а base64 закодировать client_idи client_secretв качестве заголовка авторизации.

$.ajax({
    type:'GET',
    url: 'https://api.vimeo.com/videos/' + video_id,
    dataType: 'json',
    headers: {
        'Authorization': 'Basic ' + window.btoa(client_id + ":" + client_secret);
    },
    success: function(data) {
        var thumbnail_src = data.pictures.sizes[2].link;
        $('#thumbImg').attr('src', thumbnail_src);
    }
});

В целях безопасности вы можете вернуть client_idи client_secretуже закодированный с сервера.

Диего Пончано
источник
1
base64 - это не хеш Нет ничего более «безопасного» в кодировании base64 ваших данных на сервере по сравнению с кодированием на стороне клиента. Тем не менее, это, вероятно, несколько быстрее.
Sumurai8
7

Это быстрый хитрый способ сделать это, а также способ выбрать нестандартный размер.

Я иду сюда:

http://vimeo.com/api/v2/video/[VIDEO ID].php

Загрузите файл, откройте его и найдите миниатюру шириной 640 пикселей, которая будет иметь следующий формат:

https://i.vimeocdn.com/video/[LONG NUMBER HERE]_640.jpg

Вы берете ссылку, меняете 640 на - например - 1400, и в итоге получается что-то вроде этого:

https://i.vimeocdn.com/video/[LONG NUMBER HERE]_1400.jpg

Вставьте его в строку поиска браузера и наслаждайтесь.

Ура,

арахис
источник
Этот метод не работает. Возвращает php файл с VIDEO_ID не найден.
stldoug
5
function parseVideo(url) {
    // - Supported YouTube URL formats:
    //   - http://www.youtube.com/watch?v=My2FRPA3Gf8
    //   - http://youtu.be/My2FRPA3Gf8
    //   - https://youtube.googleapis.com/v/My2FRPA3Gf8
    // - Supported Vimeo URL formats:
    //   - http://vimeo.com/25451551
    //   - http://player.vimeo.com/video/25451551
    // - Also supports relative URLs:
    //   - //player.vimeo.com/video/25451551

    url.match(/(http:|https:|)\/\/(player.|www.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com))\/(video\/|embed\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/);

    if (RegExp.$3.indexOf('youtu') > -1) {
        var type = 'youtube';
    } else if (RegExp.$3.indexOf('vimeo') > -1) {
        var type = 'vimeo';
    }

    return {
        type: type,
        id: RegExp.$6
    };
}

function getVideoThumbnail(url, cb) {
    var videoObj = parseVideo(url);
    if (videoObj.type == 'youtube') {
        cb('//img.youtube.com/vi/' + videoObj.id + '/maxresdefault.jpg');
    } else if (videoObj.type == 'vimeo') {
        $.get('http://vimeo.com/api/v2/video/' + videoObj.id + '.json', function(data) {
            cb(data[0].thumbnail_large);
        });
    }
}
Яншун Тай
источник
4

На самом деле парень, который задал этот вопрос, опубликовал свой собственный ответ.

«Кажется, Vimeo хочет, чтобы я сделал HTTP-запрос и извлек URL-адрес миниатюры из возвращаемого им XML-файла ...»

Документация по Vimeo API находится здесь: http://vimeo.com/api/docs/simple-api

Короче говоря, вашему приложению необходимо отправить запрос GET на URL-адрес, как показано ниже:

http://vimeo.com/api/v2/video/video_id.output

и проанализируйте возвращенные данные, чтобы получить требуемый миниатюрный URL, затем загрузите файл по этому URL

Ян Кемп
источник
4

Я написал функцию на PHP, чтобы позволить мне это, я надеюсь, что это будет полезно для кого-то. Путь к миниатюре содержится в теге ссылки на странице видео. Это, кажется, делает трюк для меня.

    $video_url = "http://vimeo.com/7811853"  
    $file = fopen($video_url, "r");
    $filedata = stream_get_contents($file);
    $html_content = strpos($filedata,"<link rel=\"videothumbnail");
    $link_string = substr($filedata, $html_content, 128);
    $video_id_array = explode("\"", $link_string);
    $thumbnail_url = $video_id_array[3];
    echo $thumbnail_url;

Надеюсь, это кому-нибудь поможет.

Foggson

user342430
источник
4
function getVimeoInfo($link)
 {
    if (preg_match('~^http://(?:www\.)?vimeo\.com/(?:clip:)?(\d+)~', $link, $match)) 
    {
        $id = $match[1];
    }
    else
    {
        $id = substr($link,10,strlen($link));
    }

    if (!function_exists('curl_init')) die('CURL is not installed!');
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, "http://vimeo.com/api/v2/video/$id.php");
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_TIMEOUT, 10);
    $output = unserialize(curl_exec($ch));
    $output = $output[0];
    curl_close($ch);
    return $output;
}`

// ниже функция передает URL-адрес миниатюры.

function save_image_local($thumbnail_url)
    {

         //for save image at local server
         $filename = time().'_hbk.jpg';
         $fullpath = '../../app/webroot/img/videos/image/'.$filename;

         file_put_contents ($fullpath,file_get_contents($thumbnail_url));

        return $filename;
    }
chetanspeed511987
источник
4

Разобрать ответ Картикеяна П, чтобы его можно было использовать в более широком спектре сценариев:

// Requires jQuery

function parseVimeoIdFromUrl(vimeoUrl) {
  var match = /vimeo.*\/(\d+)/i.exec(vimeoUrl);
  if (match)
    return match[1];

  return null;
};

function getVimeoThumbUrl(vimeoId) {
  var deferred = $.Deferred();
  $.ajax(
    '//www.vimeo.com/api/v2/video/' + vimeoId + '.json',
    {
        dataType: 'jsonp',
        cache: true
    }
  )
  .done(function (data) {
    // .thumbnail_small 100x75
    // .thumbnail_medium 200x150
    // 640 wide
        var img = data[0].thumbnail_large;
        deferred.resolve(img);  
    })
  .fail(function(a, b, c) {
    deferred.reject(a, b, c);
  });
  return deferred;
};

использование

Получите Vimeo Id из URL видео Vimeo:

var vimeoId = parseVimeoIdFromUrl(vimeoUrl);

Получить URL-адрес миниатюры vimeo из идентификатора Vimeo:

getVimeoThumbUrl(vimeoIds[0])
.done(function(img) {
    $('div').append('<img src="' + img + '"/>');
});

https://jsfiddle.net/b9chris/nm8L8cc8/1/

Крис Москини
источник
4

ОБНОВЛЕНИЕ: Это решение перестало работать с декабря 2018 года.

Я искал то же самое, и похоже, что большинство ответов здесь устарели из-за того, что Vimeo API v2 устарел.

мой php 2 ¢:

$vidID     = 12345 // Vimeo Video ID
$tnLink = json_decode(file_get_contents('https://vimeo.com/api/oembed.json?url=https%3A//vimeo.com/' . $vidID))->thumbnail_url;

с вышеупомянутым вы получите ссылку на миниатюру изображения Vimeo по умолчанию.

Если вы хотите использовать изображение другого размера, вы можете добавить что-то вроде:

$tnLink = substr($tnLink, strrpos($tnLink, '/') + 1);
$tnLink = substr($tnLink, 0, strrpos($tnLink, '_')); // You now have the thumbnail ID, which is different from Video ID

// And you can use it with link to one of the sizes of crunched by Vimeo thumbnail image, for example:
$tnLink = 'https://i.vimeocdn.com/filter/overlay?src0=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F' . $tnLink    . '_1280x720.jpg&src1=https%3A%2F%2Ff.vimeocdn.com%2Fimages_v6%2Fshare%2Fplay_icon_overlay.png';
зет
источник
Пожалуйста, вы можете помочь мне с любой официальной ссылкой, где упоминается, что v2 vimeo устарела.
Дипак Ядав
3

Если вам не нужно автоматизированное решение, вы можете найти миниатюрный URL, введя vimeo ID здесь: http://video.depone.eu/

Эмили Райан
источник
На этой странице выше есть еще один ответ.
alphapilgrim
2

Я создал CodePen, который выбирает изображения для вас.

https://codepen.io/isramv/pen/gOpabXg

HTML

<input type="text" id="vimeoid" placeholder="257314493" value="257314493">
<button id="getVideo">Get Video</button>
<div id="output"></div>

JavaScript:

const videoIdInput = document.getElementById('vimeoid');
const getVideo = document.getElementById('getVideo');
const output = document.getElementById('output');

function getVideoThumbnails(videoid) {
  fetch(`https://vimeo.com/api/v2/video/${videoid}.json`)
  .then(response => {
    return response.text();
  })
  .then(data => {
    const { thumbnail_large, thumbnail_medium, thumbnail_small } = JSON.parse(data)[0];
    const small = `<img src="${thumbnail_small}"/>`;
    const medium = `<img src="${thumbnail_medium}"/>`;
    const large = `<img src="${thumbnail_large}"/>`;
    output.innerHTML = small + medium + large;
  })
  .catch(error => {
    console.log(error);
  });
}

getVideo.addEventListener('click', e => {
  if (!isNaN(videoIdInput.value)) {
    getVideoThumbnails(videoIdInput.value);
  }
});

введите описание изображения здесь

Израиль Моралес
источник
1

Если вы ищете альтернативное решение и можете управлять учетной записью vimeo другим способом, вы просто добавляете каждое видео, которое хотите показать, в альбом, а затем используете API для запроса сведений об альбоме - затем отображаются все эскизы и ссылки. , Это не идеально, но может помочь.

Конечная точка API (детская площадка)

Твиттер-конво с @vimeoapi

sidonaldson
источник
Возможно, это не самый эффективный способ сделать это, особенно если (1) остальная часть вашего кода не зависит от Vimeo API, и (2) у вас хорошее чувство, что ваши вызовы API могут выходить за рамки того, что имеет Vimeo установить как предел.
Klewis
@blackhawk ты упустил мою точку зрения. Это альтернатива. Если вы сделаете это, вы получите все свои видео за один вызов API. Вы можете кэшировать эту серверную часть, например.
Сидональдсон
1

Возможно, вы захотите взглянуть на драгоценный камень от Мэтта Хукса. https://github.com/matthooks/vimeo

Он предоставляет простую обертку vimeo для API.

Все, что вам нужно, это сохранить video_id (и поставщика, если вы также делаете другие видео сайты)

Вы можете извлечь видео VIDE видео, как это

def 
  get_vimeo_video_id (link)
        vimeo_video_id = nil
        vimeo_regex  = /http:\/\/(www\.)?vimeo.com\/(\d+)($|\/)/
        vimeo_match = vimeo_regex.match(link)


if vimeo_match.nil?
  vimeo_regex  = /http:\/\/player.vimeo.com\/video\/([a-z0-9-]+)/
  vimeo_match = vimeo_regex.match(link)
end

    vimeo_video_id = vimeo_match[2] unless vimeo_match.nil?
    return vimeo_video_id
  end

и если вам нужна трубка, вы можете найти это полезным

def
 get_youtube_video_id (link)
    youtube_video_id = nil
    youtube_regex  = /^(https?:\/\/)?(www\.)?youtu.be\/([A-Za-z0-9._%-]*)(\&\S+)?/
    youtube_match = youtube_regex.match(link)

if youtube_match.nil?
  youtubecom_regex  = /^(https?:\/\/)?(www\.)?youtube.com\/watch\?v=([A-Za-z0-9._%-]*)(\&\S+)?/
  youtube_match = youtubecom_regex.match(link)
end

youtube_video_id = youtube_match[3] unless youtube_match.nil?
return youtube_video_id
end
Агустин
источник
0

Для тех, кому все еще нужен способ получить миниатюру только через URL, например, на Youtube, встроенное небольшое приложение, которое выбирает его только с помощью Vimeo ID.

https://vumbnail.com/358629078.jpg

Просто подключите свой идентификатор видео, и он будет извлекать его и кэшировать в течение 24 часов, чтобы он работал быстро.

Если вы хотите раскрутить свой собственный, вы можете сделать это здесь .

Repo

Сэм Карлтон
источник
-3

Для кого-то вроде меня, который пытается выяснить это недавно,

https://i.vimeocdn.com/video/[video_id]_[dimension].webp работает для меня.

(где dimension= 200x150 | 640)

novasaint
источник
1
Хорошая находка. Это действительно чисто.
Бен Харрисон
Отлично, кроме сафари на iOS, веб-сайт не отображается
Грегори Магаршак
9
Это кажется неправильным - я получаю изображение, которое не имеет никакого отношения к реальному видео. Идентификатор, используемый в URL-адресе большого пальца, отличается от идентификатора видео - если вы вызовете API, вы получите этот URL с разными идентификаторами. Там нет быстрого вызова от вызова API.
Мортен Холмгаард
12
Это не работает, video_id и image_id не совпадают. Таким образом, вы получите изображение, которое не принадлежит запрошенному вами видео
Николас Азрак,
Идентификатор видео и идентификатор в миниатюре различаются
Мухаммед Хассаан