Как заставить возвращаемую конечную точку Soundcloud возвращать iframe с высотой 300?

Question

Я использую конечную точку вывода souncloud, и высота по умолчанию - 400, что слишком велико.

Мне нужно настроить это, я пробовал это:

https://soundcloud.com/oembed?format=json&height=300&url=https://soundcloud.com/giorgiomartini

Но это только изменяет высоту обложки, обратите внимание на высоту в конце html-ключа (iframe) на json, который я получаю:

{
"version": 1,
"type": "rich",
"provider_name": "SoundCloud",
"provider_url": "http://soundcloud.com",
"height": 450,
"width": "100%",
"title": "Giorgio Martini",
"description": null,
"thumbnail_url": "http://i1.sndcdn.com/avatars-000336450748-qnkjy0-t500x500.jpg",
"html": "<iframe width=\"100%\" height=\"450\" scrolling=\"no\" frameborder=\"no\" src=\"https://w.soundcloud.com/player/?visual=true&url=https%3A%2F%2Fapi.soundcloud.com%2Fusers%2F1367858&show_artwork=true&height=300\"></iframe>",
"author_name": "Giorgio Martini",
"author_url": "https://soundcloud.com/giorgiomartini"
}

Однако мне нужно изменить высоту самого iframe... есть ли способ сделать это?

Или мне нужно выполнить какие-то манипуляции со строками в ответе, который я получаю, чтобы изменить высоту с 400 до 300?

Спасибо

Answer 1

Согласно документации, есть параметр URL, называемый maxheight - просто установите это на 300:

https://soundcloud.com/oembed?format=json&maxheight=300&url=https://soundcloud.com/giorgiomartini

Answer 2

Я бы рекомендовал использовать CSS вместо этого, чтобы сделать видео-фрейм отзывчивым, чтобы оно всегда заполняло родительский контейнер независимо от размера окна на любом устройстве. См. Видео ширины жидкости и класс VideoWrapper.