Как я могу убедиться, что загруженное миниатюра Vimeo всегда имеет более высокое разрешение? - PullRequest
0 голосов
/ 22 января 2020

У меня проблема с миниатюрой, которая загружается в качестве заполнителя изображения видео. Для некоторых видео я получаю действительно маленькое изображение, которое при покрытии размера контейнера действительно имеет пикселизацию. Есть ли способ, которым я могу гарантировать, что качество выбранного изображения, например, в. 1200? или что определяет, какое разрешение выбрано? Это мой код для получения миниатюры в качестве фонового изображения ниже.

    const getThumbnail = () => {
        // New request
        let request = new XMLHttpRequest();
        // Make a GET request to Vimeo's API using the video ID
        const url = `https://vimeo.com/api/oembed.json?url=https://vimeo.com/${someID}`
        request.onreadystatechange = function () {
            if (this.readyState === 4) {
                if (this.status === 200) {
                    // If we get a response, parse as a JSON object
                    const response = JSON.parse(this.responseText);
                    // Set the placeholder image to the thumbnail image
                    video.style = `background-image: url(\'${response.thumbnail_url}\' );"`
                }
            }
        };
        request.open("GET", url, true);
        request.send(null);
    }

1 Ответ

1 голос
/ 22 января 2020

При использовании их Oembed API вы можете указать высоту и ширину, используя параметры запроса в URL запроса

const url = `https://vimeo.com/api/oembed.json?url=https://vimeo.com/${someID}&width=1280&height=720`

Это вернет миниатюру с размерами, ближайшими к указанным вами измерениям

...